fix(examples): guard missing mount targets in react examples (#10226)

grzdev · web-flow · commit f8c434051e20 · 2026-03-18T14:39:57.000+01:00
diff --git a/examples/react/basic/src/index.tsx b/examples/react/basic/src/index.tsx
@@ -157,5 +157,6 @@ function App() {
   )
 }
 
-const rootElement = document.getElementById('root') as HTMLElement
+const rootElement = document.getElementById('root')
+if (!rootElement) throw new Error('Missing #root element')
 ReactDOM.createRoot(rootElement).render(<App />)
diff --git a/examples/react/rick-morty/src/index.tsx b/examples/react/rick-morty/src/index.tsx
@@ -1,5 +1,6 @@
 import ReactDOM from 'react-dom/client'
 import App from './App'
 
-const rootElement = document.getElementById('root') as HTMLElement
+const rootElement = document.getElementById('root')
+if (!rootElement) throw new Error('Missing #root element')
 ReactDOM.createRoot(rootElement).render(<App />)
diff --git a/examples/react/simple/src/index.tsx b/examples/react/simple/src/index.tsx
@@ -45,5 +45,6 @@ function Example() {
   )
 }
 
-const rootElement = document.getElementById('root') as HTMLElement
+const rootElement = document.getElementById('root')
+if (!rootElement) throw new Error('Missing #root element')
 ReactDOM.createRoot(rootElement).render(<App />)
diff --git a/examples/react/star-wars/src/index.tsx b/examples/react/star-wars/src/index.tsx
@@ -1,5 +1,6 @@
 import ReactDOM from 'react-dom/client'
 import App from './App'
 
-const rootElement = document.getElementById('root') as HTMLElement
+const rootElement = document.getElementById('root')
+if (!rootElement) throw new Error('Missing #root element')
 ReactDOM.createRoot(rootElement).render(<App />)

Original file line number	Diff line number	Diff line change
`@@ -157,5 +157,6 @@ function App() {`
`157`	`157`	`)`
`158`	`158`	`}`
`159`	`159`
`160`		`-const rootElement = document.getElementById('root') as HTMLElement`
	`160`	`+const rootElement = document.getElementById('root')`
	`161`	`+if (!rootElement) throw new Error('Missing #root element')`
`161`	`162`	`ReactDOM.createRoot(rootElement).render(<App />)`
Original file line number	Diff line number	Diff line change
`@@ -45,5 +45,6 @@ function Example() {`
`45`	`45`	`)`
`46`	`46`	`}`
`47`	`47`
`48`		`-const rootElement = document.getElementById('root') as HTMLElement`
	`48`	`+const rootElement = document.getElementById('root')`
	`49`	`+if (!rootElement) throw new Error('Missing #root element')`
`49`	`50`	`ReactDOM.createRoot(rootElement).render(<App />)`