Fix examples for react 18

securingsincity · Mar 23, 2024 · 5cbde2b · 5cbde2b
1 parent 277af83
commit 5cbde2b
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/example/diff.js b/example/diff.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import { render } from "react-dom";
+import { createRoot } from "react-dom/client";
 import { diff as DiffEditor } from "../src/index";
 
 import "ace-builds/src-noconflict/mode-jsx";
@@ -106,5 +106,5 @@ class App extends Component {
     );
   }
 }
-
-render(<App />, document.getElementById("example"));
+const root = createRoot(document.getElementById("example"));
+root.render(<App />);
diff --git a/example/index.js b/example/index.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import { render } from "react-dom";
+import { createRoot } from "react-dom/client";
 import AceEditor from "../src/ace";
 
 import "ace-builds/src-noconflict/mode-jsx";
@@ -387,4 +387,5 @@ class App extends Component {
   }
 }
 
-render(<App />, document.getElementById("example"));
+const root = createRoot(document.getElementById("example"));
+root.render(<App />);
diff --git a/example/split.js b/example/split.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import { render } from "react-dom";
+import { createRoot } from "react-dom/client";
 import SplitAceEditor from "../src/split";
 import "ace-builds/src-noconflict/mode-jsx";
 import "ace-builds/src-min-noconflict/ext-searchbox";
@@ -363,5 +363,5 @@ class App extends Component {
     );
   }
 }
-
-render(<App />, document.getElementById("example"));
+const root = createRoot(document.getElementById("example"));
+root.render(<App />);