1 files changed, 19 insertions, 20 deletions

diff --git a/modern/src/index.js b/modern/src/index.js
index 2f5f509b..d89d917e 100644
--- a/modern/src/index.js
+++ b/modern/src/index.js
@@ -1,6 +1,6 @@
 import 'typeface-roboto';
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
 import { Provider } from 'react-redux';
 import { CssBaseline, ThemeProvider, StyledEngineProvider } from '@mui/material';
@@ -16,25 +16,24 @@ import ServerProvider from './ServerProvider';
 
 preloadImages();
 
-ReactDOM.render(
-  (
-    <Provider store={store}>
-      <LocalizationProvider>
-        <StyledEngineProvider injectFirst>
-          <ThemeProvider theme={theme}>
-            <CssBaseline />
-            <ServerProvider>
-              <BrowserRouter>
-                <Navigation />
-              </BrowserRouter>
-            </ServerProvider>
-            <ErrorHandler />
-            <NativeInterface />
-          </ThemeProvider>
-        </StyledEngineProvider>
-      </LocalizationProvider>
-    </Provider>
-  ), document.getElementById('root'),
+const root = createRoot(document.getElementById('root'));
+root.render(
+  <Provider store={store}>
+    <LocalizationProvider>
+      <StyledEngineProvider injectFirst>
+        <ThemeProvider theme={theme}>
+          <CssBaseline />
+          <ServerProvider>
+            <BrowserRouter>
+              <Navigation />
+            </BrowserRouter>
+          </ServerProvider>
+          <ErrorHandler />
+          <NativeInterface />
+        </ThemeProvider>
+      </StyledEngineProvider>
+    </LocalizationProvider>
+  </Provider>,
 );
 
 serviceWorkerRegistration.register();