diff --git a/web/source/settings-panel/index.js b/web/source/settings-panel/index.js
index 8083807bb..eec2ffab6 100644
--- a/web/source/settings-panel/index.js
+++ b/web/source/settings-panel/index.js
@@ -20,7 +20,7 @@
 
 const Promise = require("bluebird");
 const React = require("react");
-const ReactDom = require("react-dom");
+const ReactDom = require("react-dom/client");
 const Redux = require("react-redux");
 const { Switch, Route, Redirect } = require("wouter");
 const { Provider } = require("react-redux");
@@ -174,4 +174,5 @@ function Main() {
 	);
 }
 
-ReactDom.render(<React.StrictMode><Main /></React.StrictMode>, document.getElementById("root"));
\ No newline at end of file
+const root = ReactDom.createRoot(document.getElementById("root"));
+root.render(<React.StrictMode><Main /></React.StrictMode>);
\ No newline at end of file