FE: Chore: Add React Query Devtool (#297)

Author: Mgrdich

frontend/package.json

@@ -34,7 +34,8 @@
     "styled-components": "^5.3.1",
     "use-debounce": "^9.0.3",
     "yup": "^1.0.0",
-    "zustand": "^4.1.1"
+    "zustand": "^4.1.1",
+    "@tanstack/react-query-devtools": "4.36.1"
   },
   "scripts": {
     "start": "vite",

frontend/pnpm-lock.yaml

@@ -16,6 +16,7 @@ import { Toaster } from 'react-hot-toast';
 import GlobalCSS from 'components/globalCss';
 import * as S from 'components/App.styled';
 import { ThemeModeContext } from 'components/contexts/ThemeModeContext';
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 
 import ConfirmationModal from './common/ConfirmationModal/ConfirmationModal';
 import { ConfirmContextProvider } from './contexts/ConfirmContext';
@@ -96,6 +97,7 @@ const App: React.FC = () => {
           </Suspense>
         </ThemeProvider>
       </GlobalSettingsProvider>
+      <ReactQueryDevtools initialIsOpen={false} />
     </QueryClientProvider>
   );
 };