diff --git a/frontend/src/index.tsx b/frontend/src/index.tsx
index 08c6668775..a418af1f78 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,7 @@ ReactDOM.render(
 				<AppRoutes />
 			</React.StrictMode>
 		</Provider>
+		{process.env.NODE_ENV === 'development' && <ReactQueryDevtools />}
 	</QueryClientProvider>,
 	document.querySelector('#root'),
 );
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000000..dccd487610
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "signoz",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {}
+}