diff --git a/packages/ui/src/index.tsx b/packages/ui/src/index.tsx
index e035438e..1e9ee1cf 100644
--- a/packages/ui/src/index.tsx
+++ b/packages/ui/src/index.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import {createRoot} from 'react-dom/client';
 import 'github-markdown-css/github-markdown-light.css';
 import './index.css';
 import App from './App';
@@ -8,11 +8,11 @@ import {createTheme} from '@mui/material/styles';
 
 const theme = createTheme();
 
-ReactDOM.render(
+const root = createRoot(document.getElementById('root')!);
+root.render(
     <React.StrictMode>
         <ThemeProvider theme={theme}>
             <App />
         </ThemeProvider>
-    </React.StrictMode>,
-    document.getElementById('root')
+    </React.StrictMode>
 );