Work in local

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>,
-  document.getElementById('root')
+  </React.StrictMode>
 );
 
 // If you want your app to work offline and load faster, you can change