From 304c83a34376f0d0650af1702cc71210b0858407 Mon Sep 17 00:00:00 2001
From: Viktor Persson <viktor.persson@arcsin.se>
Date: Sat, 16 Apr 2022 16:36:49 +0200
Subject: [PATCH 1/3] Replace deprecated ReactDOM.render with Root.render in
 examples.

---
 examples/flow-with-babel/src/index.js        | 6 ++++--
 examples/typescript-with-babel/src/index.tsx | 6 ++++--
 examples/typescript-with-swc/src/index.tsx   | 6 ++++--
 examples/typescript-with-tsc/src/index.tsx   | 6 ++++--
 examples/webpack-dev-server/src/index.js     | 6 ++++--
 examples/webpack-hot-middleware/src/index.js | 6 ++++--
 examples/webpack-plugin-serve/src/index.js   | 6 ++++--
 7 files changed, 28 insertions(+), 14 deletions(-)

diff --git a/examples/flow-with-babel/src/index.js b/examples/flow-with-babel/src/index.js
index 8bf600fb..292813b9 100644
--- a/examples/flow-with-babel/src/index.js
+++ b/examples/flow-with-babel/src/index.js
@@ -1,6 +1,8 @@
 // @flow
 
-import { render } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import App from './App';
 
-render(<App />, document.getElementById('app'));
+const container = document.getElementById('app');
+const root = createRoot(container);
+root.render(<App />);
diff --git a/examples/typescript-with-babel/src/index.tsx b/examples/typescript-with-babel/src/index.tsx
index 1acd0cdf..dbf2a5d5 100644
--- a/examples/typescript-with-babel/src/index.tsx
+++ b/examples/typescript-with-babel/src/index.tsx
@@ -1,4 +1,6 @@
-import { render } from 'react-dom';
 import App from './App';
+import { createRoot } from 'react-dom/client';
 
-render(<App />, document.getElementById('app'));
+const container = document.getElementById('app');
+const root = createRoot(container!);
+root.render(<App />);
diff --git a/examples/typescript-with-swc/src/index.tsx b/examples/typescript-with-swc/src/index.tsx
index 1acd0cdf..dbf2a5d5 100644
--- a/examples/typescript-with-swc/src/index.tsx
+++ b/examples/typescript-with-swc/src/index.tsx
@@ -1,4 +1,6 @@
-import { render } from 'react-dom';
 import App from './App';
+import { createRoot } from 'react-dom/client';
 
-render(<App />, document.getElementById('app'));
+const container = document.getElementById('app');
+const root = createRoot(container!);
+root.render(<App />);
diff --git a/examples/typescript-with-tsc/src/index.tsx b/examples/typescript-with-tsc/src/index.tsx
index 1acd0cdf..ce5afcd7 100644
--- a/examples/typescript-with-tsc/src/index.tsx
+++ b/examples/typescript-with-tsc/src/index.tsx
@@ -1,4 +1,6 @@
-import { render } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import App from './App';
 
-render(<App />, document.getElementById('app'));
+const container = document.getElementById('app');
+const root = createRoot(container!);
+root.render(<App />);
diff --git a/examples/webpack-dev-server/src/index.js b/examples/webpack-dev-server/src/index.js
index 1acd0cdf..34edf35f 100644
--- a/examples/webpack-dev-server/src/index.js
+++ b/examples/webpack-dev-server/src/index.js
@@ -1,4 +1,6 @@
-import { render } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import App from './App';
 
-render(<App />, document.getElementById('app'));
+const container = document.getElementById('app');
+const root = createRoot(container);
+root.render(<App />);
diff --git a/examples/webpack-hot-middleware/src/index.js b/examples/webpack-hot-middleware/src/index.js
index 1acd0cdf..34edf35f 100644
--- a/examples/webpack-hot-middleware/src/index.js
+++ b/examples/webpack-hot-middleware/src/index.js
@@ -1,4 +1,6 @@
-import { render } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import App from './App';
 
-render(<App />, document.getElementById('app'));
+const container = document.getElementById('app');
+const root = createRoot(container);
+root.render(<App />);
diff --git a/examples/webpack-plugin-serve/src/index.js b/examples/webpack-plugin-serve/src/index.js
index 1acd0cdf..34edf35f 100644
--- a/examples/webpack-plugin-serve/src/index.js
+++ b/examples/webpack-plugin-serve/src/index.js
@@ -1,4 +1,6 @@
-import { render } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import App from './App';
 
-render(<App />, document.getElementById('app'));
+const container = document.getElementById('app');
+const root = createRoot(container);
+root.render(<App />);

From 1385ba5dd6c6bc3c6c635d61583968f0a9a2e08c Mon Sep 17 00:00:00 2001
From: Michael Mok <pmmmwh@gmail.com>
Date: Sat, 16 Apr 2022 18:35:32 +0100
Subject: [PATCH 2/3] Update index.tsx

---
 examples/typescript-with-babel/src/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/typescript-with-babel/src/index.tsx b/examples/typescript-with-babel/src/index.tsx
index dbf2a5d5..ce5afcd7 100644
--- a/examples/typescript-with-babel/src/index.tsx
+++ b/examples/typescript-with-babel/src/index.tsx
@@ -1,5 +1,5 @@
-import App from './App';
 import { createRoot } from 'react-dom/client';
+import App from './App';
 
 const container = document.getElementById('app');
 const root = createRoot(container!);

From fb100f8131ee846ac9dbe31b0bc4ee7822fd9291 Mon Sep 17 00:00:00 2001
From: Michael Mok <pmmmwh@gmail.com>
Date: Sat, 16 Apr 2022 18:36:06 +0100
Subject: [PATCH 3/3] Update index.tsx

---
 examples/typescript-with-swc/src/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/typescript-with-swc/src/index.tsx b/examples/typescript-with-swc/src/index.tsx
index dbf2a5d5..ce5afcd7 100644
--- a/examples/typescript-with-swc/src/index.tsx
+++ b/examples/typescript-with-swc/src/index.tsx
@@ -1,5 +1,5 @@
-import App from './App';
 import { createRoot } from 'react-dom/client';
+import App from './App';
 
 const container = document.getElementById('app');
 const root = createRoot(container!);