From 4264fc0f3aa50a26dfc6c961379b4942bfd4aebf Mon Sep 17 00:00:00 2001
From: ahmadshaheer1 <ashaheerki@gmail.com>
Date: Sun, 7 Jul 2024 10:46:49 +0430
Subject: [PATCH] feat: add react-query devtools in development env

---
 frontend/src/index.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/src/index.tsx b/frontend/src/index.tsx
index b83ca56731..49497d62bb 100644
--- a/frontend/src/index.tsx
+++ b/frontend/src/index.tsx
@@ -10,6 +10,7 @@ import posthog from 'posthog-js';
 import { createRoot } from 'react-dom/client';
 import { HelmetProvider } from 'react-helmet-async';
 import { QueryClient, QueryClientProvider } from 'react-query';
+import { ReactQueryDevtools } from 'react-query/devtools';
 import { Provider } from 'react-redux';
 import store from 'store';
 
@@ -72,6 +73,9 @@ if (container) {
 						<Provider store={store}>
 							<AppRoutes />
 						</Provider>
+						{process.env.NODE_ENV === 'development' && (
+							<ReactQueryDevtools initialIsOpen={false} />
+						)}
 					</QueryClientProvider>
 				</ThemeProvider>
 			</HelmetProvider>