From a8e3052df3f02fbc3d00d73a01d3203d237e7881 Mon Sep 17 00:00:00 2001
From: Zack Jackson <25274700+ScriptedAlchemy@users.noreply.github.com>
Date: Sat, 20 Sep 2025 09:33:15 -0700
Subject: [PATCH] fix: update federated css remotes to React 18 root API

---
 .../expose-remotes/expose-css-module/src/bootstrap.js       | 6 ++++--
 federated-css/expose-remotes/expose-css/src/bootstrap.js    | 6 ++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

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 />);