style: use createRoot

react-monaco-editor · Nov 19, 2022 · 0c6ea73 · 0c6ea73
1 parent 38cbe72
commit 0c6ea73
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/README.md b/README.md
@@ -39,7 +39,7 @@ yarn add react-monaco-editor
 
 ```js
 import React from 'react';
-import { render } from 'react-dom';
+import { createRoot } from "react-dom/client";
 import MonacoEditor from 'react-monaco-editor';
 
 class App extends React.Component {
@@ -76,10 +76,9 @@ class App extends React.Component {
   }
 }
 
-render(
-  <App />,
-  document.getElementById('root')
-);
+const container = document.getElementById('root');
+const root = createRoot(container);
+root.render(<App />);
 ```
 
 Add the [Monaco Webpack plugin](https://github.com/Microsoft/monaco-editor-webpack-plugin) `monaco-editor-webpack-plugin` to your `webpack.config.js`:

diff --git a/example/index.js b/example/index.js
@@ -1,5 +1,5 @@
 import React from "react";
-import { render } from "react-dom";
+import { createRoot } from "react-dom/client";
 import MonacoEditor, { MonacoDiffEditor } from "react-monaco-editor";
 
 class CodeEditor extends React.Component {
@@ -204,4 +204,6 @@ const App = () => (
   </div>
 );
 
-render(<App />, document.getElementById("root"));
+const container = document.getElementById("root");
+const root = createRoot(container);
+root.render(<App />);