enable react-query dev tools

IntersectMBO · Oct 31, 2024 · efa0a47 · efa0a47
1 parent 431270a
commit efa0a47
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 5 deletions.
diff --git a/govtool/frontend/src/hooks/queries/useGetDRepListQuery.ts b/govtool/frontend/src/hooks/queries/useGetDRepListQuery.ts
@@ -17,6 +17,23 @@ export const useGetDRepListInfiniteQuery = (
 ) => {
   const { pendingTransaction } = useCardano();
 
+  console.log({
+    queryKey: [
+      QUERY_KEYS.useGetDRepListInfiniteKey,
+      (
+        pendingTransaction.registerAsDirectVoter ||
+        pendingTransaction.registerAsDrep ||
+        pendingTransaction.retireAsDirectVoter ||
+        pendingTransaction.retireAsDrep
+      )?.transactionHash ?? "noPendingTransaction",
+      filters.length ? filters : "",
+      searchPhrase ?? "",
+      sorting ?? "",
+      status?.length ? status : "",
+    ],
+    enabled: options?.enabled,
+  });
+
   const {
     data,
     isLoading,
@@ -33,7 +50,7 @@ export const useGetDRepListInfiniteQuery = (
         pendingTransaction.registerAsDrep ||
         pendingTransaction.retireAsDirectVoter ||
         pendingTransaction.retireAsDrep
-      )?.transactionHash ?? 'noPendingTransaction',
+      )?.transactionHash ?? "noPendingTransaction",
       filters.length ? filters : "",
       searchPhrase ?? "",
       sorting ?? "",

diff --git a/govtool/frontend/src/main.tsx b/govtool/frontend/src/main.tsx
@@ -18,6 +18,12 @@ const { version } = pkg;
 
 const queryClient = new QueryClient();
 
+const ReactQueryDevtoolsProduction = React.lazy(() =>
+  import("react-query/devtools/development").then((d) => ({
+    default: d.ReactQueryDevtools,
+  })),
+);
+
 const tagManagerArgs = {
   gtmId: import.meta.env.VITE_GTM_ID,
 };
@@ -59,9 +65,7 @@ ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
           </BrowserRouter>
         </UsersnapProvider>
       </ThemeProvider>
-      {import.meta.env.VITE_IS_DEV && (
-        <ReactQueryDevtools initialIsOpen={false} />
-      )}
+      <ReactQueryDevtoolsProduction initialIsOpen={false} />
     </QueryClientProvider>
   </React.StrictMode>,
 );
diff --git a/govtool/frontend/src/pages/DRepDirectoryContent.tsx b/govtool/frontend/src/pages/DRepDirectoryContent.tsx
@@ -50,7 +50,7 @@ export const DRepDirectoryContent: FC<DRepDirectoryContentProps> = ({
 
   useEffect(() => {
     if (!chosenSorting) setChosenSorting(DRepListSort.Random);
-  }, [chosenSorting, setChosenSorting]);
+  }, []);
 
   const { delegate, isDelegating } = useDelegateTodRep();