updates

src/index.js

@@ -11,6 +11,8 @@ import 'simplebar/dist/simplebar.css';
 import 'assets/third-party/apex-chart.css';
 import 'assets/third-party/react-table.css';
 
+import { QueryClient, QueryClientProvider, useQuery } from '@tanstack/react-query';
+
 // project import
 import App from './App';
 import { store } from 'store';
@@ -19,6 +21,7 @@ import reportWebVitals from './reportWebVitals';
 
 const container = document.getElementById('root');
 const root = createRoot(container);
+const queryClient = new QueryClient();
 
 // const root = ReactDOM.createRoot(document.getElementById('root'));
 
@@ -27,9 +30,11 @@ const root = createRoot(container);
 root.render(
   <ReduxProvider store={store}>
     {/* <ConfigProvider> */}
-    <BrowserRouter>
-      <App />
-    </BrowserRouter>
+    <QueryClientProvider client={queryClient}>
+      <BrowserRouter>
+        <App />
+      </BrowserRouter>
+    </QueryClientProvider>
     {/* </ConfigProvider> */}
   </ReduxProvider>
 );