chore: use createRoot in react example

closes hannoeru#243
Jeffrey-mu · Jun 25, 2022 · 28646b3 · 28646b3
1 parent 56aef3f
commit 28646b3
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/examples/react/src/main.tsx b/examples/react/src/main.tsx
@@ -1,5 +1,5 @@
 import { StrictMode, Suspense } from 'react'
-import ReactDOM from 'react-dom'
+import { createRoot } from 'react-dom/client'
 import {
   BrowserRouter as Router,
   useRoutes,
@@ -20,11 +20,12 @@ function App() {
   )
 }
 
-ReactDOM.render(
+const app = createRoot(document.getElementById('root')!)
+
+app.render(
   <StrictMode>
     <Router>
       <App />
     </Router>
   </StrictMode>,
-  document.getElementById('root'),
 )
diff --git a/examples/remix-style/src/main.tsx b/examples/remix-style/src/main.tsx
@@ -1,5 +1,5 @@
 import { StrictMode } from 'react'
-import ReactDOM from 'react-dom'
+import { createRoot } from 'react-dom/client'
 import {
   BrowserRouter as Router,
   useRoutes,
@@ -16,11 +16,12 @@ function App() {
   return useRoutes(routes)
 }
 
-ReactDOM.render(
+const app = createRoot(document.getElementById('root')!)
+
+app.render(
   <StrictMode>
     <Router>
       <App />
     </Router>
   </StrictMode>,
-  document.getElementById('root'),
 )