use refetch instead of a key

coronasafe · May 20, 2024 · df053ef · df053ef
1 parent 074d9f6
commit df053ef
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/src/Components/ABDM/ABDMFacilityRecords.tsx b/src/Components/ABDM/ABDMFacilityRecords.tsx
@@ -6,7 +6,6 @@ import Loading from "../Common/Loading";
 import Page from "../Common/components/Page";
 import CareIcon from "../../CAREUI/icons/CareIcon";
 import ButtonV2 from "../Common/components/ButtonV2";
-import { useState } from "react";
 
 interface IProps {
   facilityId: string;
@@ -24,10 +23,12 @@ const TableHeads = [
 ];
 
 export default function ABDMFacilityRecords({ facilityId }: IProps) {
-  const [key, setKey] = useState(0);
-  const { data: consentsResult, loading } = useQuery(routes.abha.listConsents, {
+  const {
+    data: consentsResult,
+    loading,
+    refetch,
+  } = useQuery(routes.abha.listConsents, {
     query: { facility: facilityId, ordering: "-created_date" },
-    key: key.toString(),
   });
 
   if (loading) {
@@ -59,9 +60,7 @@ export default function ABDMFacilityRecords({ facilityId }: IProps) {
                         className="sticky right-0 top-0 py-3.5 pl-3 pr-4 sm:pr-6"
                       >
                         <ButtonV2
-                          onClick={async () => {
-                            setKey((prev) => prev + 1);
-                          }}
+                          onClick={() => refetch()}
                           ghost
                           className="max-w-2xl text-sm text-gray-700 hover:text-gray-900"
                         >