diff --git a/examples/react/infinite-scroll/src/main.tsx b/examples/react/infinite-scroll/src/main.tsx
index 508870093..323fac2b3 100644
--- a/examples/react/infinite-scroll/src/main.tsx
+++ b/examples/react/infinite-scroll/src/main.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import ReactDOM from 'react-dom'
+import * as ReactDOM from 'react-dom/client'
 import {
   QueryClient,
   QueryClientProvider,
@@ -153,11 +153,10 @@ function App() {
   )
 }
 
-ReactDOM.render(
+ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <QueryClientProvider client={queryClient}>
       <App />
     </QueryClientProvider>
   </React.StrictMode>,
-  document.getElementById('root'),
 )
diff --git a/examples/react/padding/src/main.tsx b/examples/react/padding/src/main.tsx
index c3291baae..4083ecaf9 100644
--- a/examples/react/padding/src/main.tsx
+++ b/examples/react/padding/src/main.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import ReactDOM from 'react-dom'
+import * as ReactDOM from 'react-dom/client'
 
 import './index.css'
 
@@ -256,9 +256,8 @@ function GridVirtualizerDynamic({
   )
 }
 
-ReactDOM.render(
+ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <App />
   </React.StrictMode>,
-  document.getElementById('root'),
 )
diff --git a/examples/react/scroll-padding/src/main.tsx b/examples/react/scroll-padding/src/main.tsx
index b430aeae8..aca78c290 100644
--- a/examples/react/scroll-padding/src/main.tsx
+++ b/examples/react/scroll-padding/src/main.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import ReactDOM from 'react-dom'
+import * as ReactDOM from 'react-dom/client'
 
 import './index.css'
 
@@ -98,9 +98,8 @@ function App() {
   )
 }
 
-ReactDOM.render(
+ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <App />
   </React.StrictMode>,
-  document.getElementById('root'),
 )
diff --git a/examples/react/smooth-scroll/src/main.tsx b/examples/react/smooth-scroll/src/main.tsx
index e87f019c3..91acf85b7 100644
--- a/examples/react/smooth-scroll/src/main.tsx
+++ b/examples/react/smooth-scroll/src/main.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import ReactDOM from 'react-dom'
+import * as ReactDOM from 'react-dom/client'
 
 import './index.css'
 
@@ -115,9 +115,8 @@ function App() {
   )
 }
 
-ReactDOM.render(
+ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <App />
   </React.StrictMode>,
-  document.getElementById('root'),
 )
diff --git a/examples/react/sticky/src/main.tsx b/examples/react/sticky/src/main.tsx
index 132e8af4e..393072180 100644
--- a/examples/react/sticky/src/main.tsx
+++ b/examples/react/sticky/src/main.tsx
@@ -1,6 +1,6 @@
 import './index.css'
 import * as React from 'react'
-import ReactDOM from 'react-dom'
+import * as ReactDOM from 'react-dom/client'
 import { faker } from '@faker-js/faker'
 import { findIndex, groupBy } from 'lodash'
 import { defaultRangeExtractor, useVirtualizer } from '@tanstack/react-virtual'
@@ -115,9 +115,8 @@ const App = () => {
   )
 }
 
-ReactDOM.render(
+ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <App />
   </React.StrictMode>,
-  document.getElementById('root'),
 )
diff --git a/examples/react/variable/src/main.tsx b/examples/react/variable/src/main.tsx
index 51878a21f..3ee0607b3 100644
--- a/examples/react/variable/src/main.tsx
+++ b/examples/react/variable/src/main.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import ReactDOM from 'react-dom'
+import * as ReactDOM from 'react-dom/client'
 
 import './index.css'
 
@@ -342,9 +342,8 @@ function MasonryHorizontalVirtualizerVariable({
   )
 }
 
-ReactDOM.render(
+ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <App />
   </React.StrictMode>,
-  document.getElementById('root'),
 )