Work in local

.vscode/launch.json

@@ -0,0 +1,24 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:8080",
+            "webRoot": "${workspaceFolder}"
+        },
+        {
+            "name": "SWA: Run frontend",
+            "request": "launch",
+            "type": "pwa-chrome",
+            "url": "http://localhost:4280",
+            "preLaunchTask": "swa: start frontend",
+            "webRoot": "${workspaceFolder}/frontend",
+            "timeout": 30000
+        }
+    ]
+}

frontend/src/index.js

@@ -1,5 +1,6 @@
 import React, { Suspense } from 'react';
 import ReactDOM from 'react-dom';
+import { createRoot } from "react-dom/client";
 import 'bootstrap/dist/css/bootstrap.css';
 import './index.css';
 import App from './App';
@@ -9,15 +10,16 @@ import * as serviceWorker from './serviceWorker';
 import Spinner from './components/Spinner'
 import "./i18n";
 
-ReactDOM.render(
+const rootElement = document.getElementById("root");
+const root = createRoot(rootElement);
+root.render(
   <React.StrictMode>
     <Provider store={store}>
       <Suspense fallback={<Spinner />}>
         <App />
       </Suspense>
     </Provider>
-  </React.StrictMode>,
+  </React.StrictMode>
-  document.getElementById('root')
 );
 
 // If you want your app to work offline and load faster, you can change