1 files changed, 7 insertions, 5 deletions
diff --git a/webui/src/index.tsx b/webui/src/index.tsx
index d203eb199..7667c7068 100644
--- a/webui/src/index.tsx
+++ b/webui/src/index.tsx
@@ -1,19 +1,21 @@
 import { ApolloProvider } from '@apollo/client';
-import ReactDOM from 'react-dom';
-import { BrowserRouter } from 'react-router-dom';
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { BrowserRouter } from 'react-router';
 
 import App from './App';
 import apolloClient from './apollo';
 import Themer from './components/Themer';
 import { defaultLightTheme, defaultDarkTheme } from './themes/index';
+import './themes/highlight-theme.scss';
 
-ReactDOM.render(
+const root = createRoot(document.getElementById('root') as HTMLElement);
+root.render(
   <ApolloProvider client={apolloClient}>
     <BrowserRouter>
       <Themer lightTheme={defaultLightTheme} darkTheme={defaultDarkTheme}>
         <App />
       </Themer>
     </BrowserRouter>
-  </ApolloProvider>,
-  document.getElementById('root')
+  </ApolloProvider>
 );