diff --git a/packages/test-react-app/src/index.tsx b/packages/test-react-app/src/index.tsx
index be271b010..14dad7612 100644
--- a/packages/test-react-app/src/index.tsx
+++ b/packages/test-react-app/src/index.tsx
@@ -1,16 +1,16 @@
 import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import './global'
 import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
 
-ReactDOM.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-  document.getElementById('root')
-);
+
+const container = document.getElementById('root');
+const root = createRoot(container!); 
+root.render(<React.StrictMode>
+  <App />
+</React.StrictMode>);
 
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))