diff --git a/demo/src/index.js b/demo/src/index.js
index ee5ded7..eac8095 100644
--- a/demo/src/index.js
+++ b/demo/src/index.js
@@ -1,5 +1,5 @@
 import React from "react";
-import ReactDOM from "react-dom";
+import ReactDOM from "react-dom/client";
 import { HashRouter as Router, Route, Switch, Link } from "react-router-dom";
 
 import "./index.css";
@@ -26,7 +26,8 @@ class Demo extends React.Component {
   }
 }
 
-ReactDOM.render(
+const root = ReactDOM.createRoot(document.getElementById("root"));
+root.render(
   <Router basename="/demos">
     <div>
       <Switch>
@@ -36,5 +37,4 @@ ReactDOM.render(
       </Switch>
     </div>
   </Router>,
-  document.getElementById("root"),
 );
diff --git a/package.json b/package.json
index f2c54c4..bbfe002 100644
--- a/package.json
+++ b/package.json
@@ -25,10 +25,10 @@
   },
   "peerDependencies": {
     "babel-polyfill": "^6.26.0",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0",
-    "react-router-dom": "^4.3.1",
-    "prop-types": "^15.6.2"
+    "prop-types": "^15.6.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^4.3.1"
   },
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^2.6.0",
@@ -45,9 +45,9 @@
     "gh-pages": "^1.1.0",
     "nwb": "^0.25.2",
     "prettier": "^1.18.2",
-    "react": "^17.0.0",
+    "react": "^18.2.0",
     "react-bootstrap": "^0.32.1",
-    "react-dom": "^17.0.0",
+    "react-dom": "^18.2.0",
     "react-router-dom": "^4.3.1"
   },
   "author": "Viktor Liegostaiev",