diff options
Diffstat (limited to 'packages/renderer/src/index.tsx')
-rw-r--r-- | packages/renderer/src/index.tsx | 10 |
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'; | |||
26 | import { autorun } from 'mobx'; | 26 | import { autorun } from 'mobx'; |
27 | import { addDisposer } from 'mobx-state-tree'; | 27 | import { addDisposer } from 'mobx-state-tree'; |
28 | import React, { Suspense, lazy } from 'react'; | 28 | import React, { Suspense, lazy } from 'react'; |
29 | import { render } from 'react-dom'; | 29 | import { createRoot } from 'react-dom/client'; |
30 | 30 | ||
31 | import Loading from './components/Loading'; | 31 | import Loading from './components/Loading'; |
32 | import StoreProvider from './components/StoreProvider'; | 32 | import StoreProvider from './components/StoreProvider'; |
@@ -88,4 +88,10 @@ function Root(): JSX.Element { | |||
88 | ); | 88 | ); |
89 | } | 89 | } |
90 | 90 | ||
91 | render(<Root />, document.querySelector('#app')); | 91 | const rootElement = document.querySelector('#app'); |
92 | if (rootElement === null) { | ||
93 | log.error('Root element not found'); | ||
94 | } else { | ||
95 | const root = createRoot(rootElement); | ||
96 | root.render(<Root />); | ||
97 | } | ||