diff --git a/example/basic-entry/website/App.test.jsx b/example/basic-entry/website/App.test.jsx
index a754b201..a84db4aa 100644
--- a/example/basic-entry/website/App.test.jsx
+++ b/example/basic-entry/website/App.test.jsx
@@ -1,9 +1,8 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import App from './App';
 
 it('renders without crashing', () => {
-  const div = document.createElement('div');
-  ReactDOM.render(<App />, div);
-  ReactDOM.unmountComponentAtNode(div);
+  const root = createRoot(document.createElement('div'));
+  root.render(<App />);
 });
diff --git a/example/chrome-plugin/src/App.test.js b/example/chrome-plugin/src/App.test.js
index 65913af8..f9a99d90 100644
--- a/example/chrome-plugin/src/App.test.js
+++ b/example/chrome-plugin/src/App.test.js
@@ -1,9 +1,10 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import App from './App';
 
 describe('<App />', () => {
   test('renders without exploding', () => {
-    ReactDOM.render(<App />, document.createElement('div'));
+    const root = createRoot(document.createElement('div'));
+    root.render(<App />);
   });
 });
diff --git a/example/typescript/src/app/App.test.tsx b/example/typescript/src/app/App.test.tsx
index a3694cf3..68cf47a0 100644
--- a/example/typescript/src/app/App.test.tsx
+++ b/example/typescript/src/app/App.test.tsx
@@ -1,8 +1,9 @@
-import ReactDOM from 'react-dom';
+import { render, screen } from '@testing-library/react';
 import App from './App';
 
-it('renders without crashing', () => {
-  const div = document.createElement('div');
-  ReactDOM.render(<App />, div);
-  ReactDOM.unmountComponentAtNode(div);
+test('renders learn react link', () => {
+  render(<App />);
+  const linkElement = screen.getByText(/learn react/i);
+  // @ts-ignore
+  expect(linkElement).toBeInTheDocument();
 });
diff --git a/example/typescript/test/app/App.test.tsx b/example/typescript/test/app/App.test.tsx
index 2d5f45d6..257576f7 100644
--- a/example/typescript/test/app/App.test.tsx
+++ b/example/typescript/test/app/App.test.tsx
@@ -1,9 +1,10 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import App from '../../src/app/App';
 
 describe('<App />', () => {
   test('renders without exploding', () => {
-    ReactDOM.render(<App />, document.createElement('div'));
+    const root = createRoot(document.createElement('div'));
+    root.render(<App />);
   });
 });
diff --git a/example/uiw/src/App.test.js b/example/uiw/src/App.test.js
index 65913af8..f9a99d90 100644
--- a/example/uiw/src/App.test.js
+++ b/example/uiw/src/App.test.js
@@ -1,9 +1,10 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import App from './App';
 
 describe('<App />', () => {
   test('renders without exploding', () => {
-    ReactDOM.render(<App />, document.createElement('div'));
+    const root = createRoot(document.createElement('div'));
+    root.render(<App />);
   });
 });