package.json: Update to React 18

Update to the new root creation function.
cockpit-project · Jul 18, 2023 · 39e0f57 · 39e0f57
1 parent 6ece59c
commit 39e0f57
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -49,7 +49,7 @@
     "@patternfly/react-core": "5.0.0-alpha.115",
     "@patternfly/react-styles": "5.0.0-alpha.16",
     "@patternfly/react-icons": "5.0.0-alpha.19",
-    "react": "17.0.2",
-    "react-dom": "17.0.2"
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
   }
 }
diff --git a/src/index.js b/src/index.js
@@ -21,10 +21,10 @@ import "cockpit-dark-theme";
 import "patternfly/patternfly-5-cockpit.scss";
 
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import { Application } from './app.jsx';
 import './app.scss';
 
-document.addEventListener("DOMContentLoaded", function () {
-    ReactDOM.render(React.createElement(Application, {}), document.getElementById('app'));
+document.addEventListener("DOMContentLoaded", () => {
+    createRoot(document.getElementById("app")).render(<Application />);
 });