commit 4eaa1e22210cdea52574c9f3812012af1056f306
author Ziwei Wang <ziwei.wang@savoirfairelinux.com> Tue Jan 17 16:02:59 2023 -0500
committer Ziwei Wang <ziwei.wang@savoirfairelinux.com> Tue Jan 17 16:22:55 2023 -0500
tree adaa6d2af231874d40acc7eb794d9954f2ab94b6
parent e8d77031601ea5a5e5c59507899d24ca8301918f

Add React Query dev tools

Change-Id: Ib1ccdb9c43ba3119c734c0da981441a8cd247615

client/package.json

diff --git a/client/package.json b/client/package.json
index 7a23579..b3e2e7c 100644
--- a/client/package.json
+++ b/client/package.json
@@ -38,6 +38,7 @@
     "@sentry/react": "^7.11.1",
     "@sentry/tracing": "^7.11.1",
     "@tanstack/react-query": "^4.3.4",
+    "@tanstack/react-query-devtools": "^4.22.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.3.0",
     "@testing-library/user-event": "^14.4.3",

client/src/index.tsx

diff --git a/client/src/index.tsx b/client/src/index.tsx
index 9596deb..f5cd876 100644
--- a/client/src/index.tsx
+++ b/client/src/index.tsx
@@ -20,6 +20,7 @@
 import './i18n';
 
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import { createRoot } from 'react-dom/client';
 import { Provider } from 'react-redux';
 import { RouterProvider } from 'react-router-dom';
@@ -48,6 +49,7 @@
     <QueryClientProvider client={queryClient}>
       <CustomThemeProvider>
         <RouterProvider router={router} />
+        <ReactQueryDevtools initialIsOpen={false} />
       </CustomThemeProvider>
     </QueryClientProvider>
     {/* </StrictMode> */}