diff --git a/client/src/index.js b/client/src/index.js
index 996d60049..46fe0ee52 100644
--- a/client/src/index.js
+++ b/client/src/index.js
@@ -45,25 +45,22 @@ if (process.env.NODE_ENV !== "development") {
   });
 }
 
-// const root = ReactDOM.createRoot(document.getElementById("root"));
-
 const router = createBrowserRouter(
     createRoutesFromElements(
         <Route path="*" element={<AppContainer />} />
     )
 );
 
-export default function App() {
+function App() {
     return (
+        <PersistGate loading={<LoadingSpinner message="Restoring your settings..." />} persistor={persistor}>
         <Provider store={store}>
             <RouterProvider router={router} />
         </Provider>
+        </PersistGate>
     );
 }
-ReactDOM.createRoot(document.getElementById('root')).render(
-    <PersistGate loading={<LoadingSpinner message="Restoring your settings..." />} persistor={persistor}>
-        <App />
-    </PersistGate>);
+ReactDOM.createRoot(document.getElementById('root')).render(<App />);
 
 
 // const onServiceWorkerUpdate = (registration) => {