Progress

client/src/index.js

@@ -3,9 +3,9 @@ import * as Sentry from "@sentry/react";
 import "antd/dist/antd.less";
 import Dinero from "dinero.js";
 import React from "react";
-import ReactDOM from "react-dom";
+import ReactDOM from "react-dom/client";
 import { Provider } from "react-redux";
-import { BrowserRouter } from "react-router-dom";
+import { BrowserRouter as Router } from "react-router-dom";
 import { PersistGate } from "redux-persist/integration/react";
 import AppContainer from "./App/App.container";
 import LoadingSpinner from "./components/loading-spinner/loading-spinner.component";
@@ -47,18 +47,20 @@ if (process.env.NODE_ENV !== "development") {
   });
 }
 
-ReactDOM.render(
-  <Provider store={store}>
-    <BrowserRouter>
-      <PersistGate
-        loading={<LoadingSpinner message="Restoring your settings..." />}
-        persistor={persistor}
-      >
-        <AppContainer />
-      </PersistGate>
-    </BrowserRouter>
-  </Provider>,
-  document.getElementById("root")
+const root = ReactDOM.createRoot(document.getElementById("root"));
+root.render(
+    <React.StrictMode>
+      <Provider store={store}>
+        <Router>
+          <PersistGate
+              loading={<LoadingSpinner message="Restoring your settings..." />}
+              persistor={persistor}
+          >
+            <AppContainer />
+          </PersistGate>
+        </Router>
+      </Provider>
+    </React.StrictMode>
 );
 
 // const onServiceWorkerUpdate = (registration) => {