1 files changed, 8 insertions, 2 deletions

diff --git a/packages/renderer/src/index.tsx b/packages/renderer/src/index.tsx
index 72a9ffd..726e00e 100644
--- a/packages/renderer/src/index.tsx
+++ b/packages/renderer/src/index.tsx
@@ -26,7 +26,7 @@ import CssBaseline from '@mui/material/CssBaseline';
 import { autorun } from 'mobx';
 import { addDisposer } from 'mobx-state-tree';
 import React, { Suspense, lazy } from 'react';
-import { render } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 import Loading from './components/Loading';
 import StoreProvider from './components/StoreProvider';
@@ -88,4 +88,10 @@ function Root(): JSX.Element {
   );
 }
 
-render(<Root />, document.querySelector('#app'));
+const rootElement = document.querySelector('#app');
+if (rootElement === null) {
+  log.error('Root element not found');
+} else {
+  const root = createRoot(rootElement);
+  root.render(<Root />);
+}