diff --git a/federated-css/expose-remotes/expose-css-module/src/bootstrap.js b/federated-css/expose-remotes/expose-css-module/src/bootstrap.js
index a8680f71cdf..129ffb0c0f9 100644
--- a/federated-css/expose-remotes/expose-css-module/src/bootstrap.js
+++ b/federated-css/expose-remotes/expose-css-module/src/bootstrap.js
@@ -1,5 +1,7 @@
 import App from './App';
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
-ReactDOM.render(<App />, document.getElementById('root'));
+const container = document.getElementById('root');
+const root = createRoot(container);
+root.render(<App />);
diff --git a/federated-css/expose-remotes/expose-css/src/bootstrap.js b/federated-css/expose-remotes/expose-css/src/bootstrap.js
index a8680f71cdf..129ffb0c0f9 100644
--- a/federated-css/expose-remotes/expose-css/src/bootstrap.js
+++ b/federated-css/expose-remotes/expose-css/src/bootstrap.js
@@ -1,5 +1,7 @@
 import App from './App';
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
-ReactDOM.render(<App />, document.getElementById('root'));
+const container = document.getElementById('root');
+const root = createRoot(container);
+root.render(<App />);