refactor ReactDom with ReactDOMClient for react 18

kenwaysharma · Apr 10, 2023 · 5450bcf · 5450bcf
1 parent c9e7fc1
commit 5450bcf
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/index.js b/src/index.js
@@ -14,13 +14,17 @@ Coded by www.creative-tim.com
 */
 
 import React from "react";
-import ReactDOM from "react-dom";
+import * as ReactDOMClient from "react-dom/client";
 import { BrowserRouter } from "react-router-dom";
 import App from "App";
 
-ReactDOM.render(
+const container = document.getElementById("root");
+
+// Create a root.
+const root = ReactDOMClient.createRoot(container);
+
+root.render(
   <BrowserRouter>
     <App />
-  </BrowserRouter>,
-  document.getElementById("root")
+  </BrowserRouter>
 );