diff --git a/frontend/src/index.tsx b/frontend/src/index.tsx
index 08c6668775..c65c4570ec 100644
--- a/frontend/src/index.tsx
+++ b/frontend/src/index.tsx
@@ -5,6 +5,7 @@ import AppRoutes from 'AppRoutes';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { QueryClient, QueryClientProvider } from 'react-query';
+import { ReactQueryDevtools } from 'react-query/devtools';
 import { Provider } from 'react-redux';
 import reportWebVitals from 'reportWebVitals';
 import store from 'store';
@@ -28,6 +29,9 @@ ReactDOM.render(
 				<AppRoutes />
 			</React.StrictMode>
 		</Provider>
+		{process.env.NODE_ENV === 'development' && (
+			<ReactQueryDevtools initialIsOpen />
+		)}
 	</QueryClientProvider>,
 	document.querySelector('#root'),
 );