docs: change setup example to react 18

closes: #422
hannoeru · Mar 26, 2024 · 416d4bd · 416d4bd
1 parent 4246c7c
commit 416d4bd
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 10 deletions.
diff --git a/README.md b/README.md
@@ -94,9 +94,10 @@ const router = createRouter({
 **experimental**
 
 ```jsx
-import { Suspense } from 'react'
+import { StrictMode, Suspense } from 'react'
+import { createRoot } from 'react-dom/client'
 import {
-  BrowserRouter as Router,
+  BrowserRouter,
   useRoutes,
 } from 'react-router-dom'
 
@@ -110,11 +111,14 @@ function App() {
   )
 }
 
-ReactDOM.render(
-  <Router>
-    <App />
-  </Router>,
-  document.getElementById('root'),
+const app = createRoot(document.getElementById('root')!)
+
+app.render(
+  <StrictMode>
+    <BrowserRouter>
+      <App />
+    </BrowserRouter>
+  </StrictMode>,
 )
 ```
 

diff --git a/examples/react/src/main.tsx b/examples/react/src/main.tsx
@@ -1,7 +1,7 @@
 import { StrictMode, Suspense } from 'react'
 import { createRoot } from 'react-dom/client'
 import {
-  BrowserRouter as Router,
+  BrowserRouter,
   useRoutes,
 } from 'react-router-dom'
 
@@ -24,8 +24,8 @@ const app = createRoot(document.getElementById('root')!)
 
 app.render(
   <StrictMode>
-    <Router>
+    <BrowserRouter>
       <App />
-    </Router>
+    </BrowserRouter>
   </StrictMode>,
 )