From 39e0f576cad7caaf9f6547a1c1753308696beee5 Mon Sep 17 00:00:00 2001
From: Martin Pitt <mpitt@redhat.com>
Date: Tue, 18 Jul 2023 05:30:11 +0200
Subject: [PATCH] package.json: Update to React 18

Update to the new root creation function.
---
 package.json | 4 ++--
 src/index.js | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index ac825b4..d6263ea 100644
--- 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
index 3cb37d9..ff4aa0d 100644
--- 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 />);
 });