Replace deprecated ReactDOM.render with Root.render in examples. (#626)

pmmmwh · Apr 16, 2022 · b9adfd2 · b9adfd2
1 parent ce1a55c
commit b9adfd2
Show file tree

Hide file tree

Showing 7 changed files with 28 additions and 14 deletions.
diff --git 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
@@ -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/typescript-with-swc/src/index.tsx b/examples/typescript-with-swc/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/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
@@ -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
@@ -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
@@ -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 />);