Fix vite hot reload

src/index.tsx

@@ -65,18 +65,26 @@ export const clientSupport = new ApolloClient({
   cache: new InMemoryCache(),
 });
 
-ReactDOMClient.createRoot(document.querySelector('#app') as HTMLElement).render(
+let root: ReactDOMClient.Root | null = null;
-  <React.StrictMode>
+
-    <ApolloProvider client={clientMain}>
+document.addEventListener('DOMContentLoaded', () => {
-      <ThemeProvider theme={theme}>
+  if (!root) {
-        <BrowserRouter>
+    root = ReactDOMClient.createRoot(document.querySelector('#app') as HTMLElement);
-          <App />
+
-          <GlobalStyles />
+    root.render(
-        </BrowserRouter>
+      <React.StrictMode>
-      </ThemeProvider>
+        <ApolloProvider client={clientMain}>
-    </ApolloProvider>
+          <ThemeProvider theme={theme}>
-  </React.StrictMode>
+            <BrowserRouter>
-);
+              <App />
+              <GlobalStyles />
+            </BrowserRouter>
+          </ThemeProvider>
+        </ApolloProvider>
+      </React.StrictMode>
+    )
+  }
+});
 
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))