diff --git a/packages/app-next/src/index.tsx b/packages/app-next/src/index.tsx
index 3c354b06d0..37a2574484 100644
--- a/packages/app-next/src/index.tsx
+++ b/packages/app-next/src/index.tsx
@@ -15,7 +15,7 @@
  */
 
 import '@backstage/cli/asset-types';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import app from './App';
 
-ReactDOM.render(app, document.getElementById('root'));
+ReactDOM.createRoot(document.getElementById('root')!).render(app);
diff --git a/packages/app/src/index.tsx b/packages/app/src/index.tsx
index b15bc4c102..e5ca03fe64 100644
--- a/packages/app/src/index.tsx
+++ b/packages/app/src/index.tsx
@@ -16,7 +16,7 @@
 
 import '@backstage/cli/asset-types';
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import App from './App';
 
-ReactDOM.render(<App />, document.getElementById('root'));
+ReactDOM.createRoot(document.getElementById('root')!).render(<App />);
diff --git a/packages/techdocs-cli-embedded-app/src/index.tsx b/packages/techdocs-cli-embedded-app/src/index.tsx
index b15bc4c102..e5ca03fe64 100644
--- a/packages/techdocs-cli-embedded-app/src/index.tsx
+++ b/packages/techdocs-cli-embedded-app/src/index.tsx
@@ -16,7 +16,7 @@
 
 import '@backstage/cli/asset-types';
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import App from './App';
 
-ReactDOM.render(<App />, document.getElementById('root'));
+ReactDOM.createRoot(document.getElementById('root')!).render(<App />);