diff --git a/packages/test-suite-cra/src/index.tsx b/packages/test-suite-cra/src/index.tsx
index 7150ef62f0..45b999151b 100644
--- a/packages/test-suite-cra/src/index.tsx
+++ b/packages/test-suite-cra/src/index.tsx
@@ -1,19 +1,20 @@
 import './index.css'
 
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { createRoot } from 'react-dom/client'
 
 import App from './App'
 import reportWebVitals from './reportWebVitals'
 
-ReactDOM.render(
+const container = document.getElementById('root');
+const root = createRoot(container);
+root.render(
 	<React.StrictMode>
 		<App />
-	</React.StrictMode>,
-	document.getElementById('root'),
+	</React.StrictMode>
 )
 
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))
 // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals()
+reportWebVitals()
\ No newline at end of file