react-query + enable/disable firewall

frontend/src/index.tsx

@@ -5,15 +5,22 @@ import './index.scss';
 import App from './App';
 import { MantineProvider } from '@mantine/core';
 import { Notifications } from '@mantine/notifications';
+import {
+  QueryClientProvider,
+} from '@tanstack/react-query'
+import { queryClient } from './js/utils';
 
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement
 );
+
 root.render(
-  <MantineProvider theme={{ colorScheme: 'dark' }} withGlobalStyles withNormalizeCSS>
-    <Notifications />
-    <BrowserRouter>
-            <App />
-    </BrowserRouter>
-  </MantineProvider>
+  <QueryClientProvider client={queryClient}>
+    <MantineProvider theme={{ colorScheme: 'dark' }} withGlobalStyles withNormalizeCSS>
+        <Notifications />
+        <BrowserRouter>
+                <App />
+        </BrowserRouter>
+    </MantineProvider>
+  </QueryClientProvider>
 );