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 />);
 });