Resolve ReactDOM.render is deprecated since React 18.0.0, use createRoot instead, see https://reactjs.org/link/switch-to-createroot react/no-deprecated

1 files changed, 6 insertions, 3 deletions

diff --git a/diplomacy/web/src/index.js b/diplomacy/web/src/index.js
index 66547af..f2e3361 100644
--- a/diplomacy/web/src/index.js
+++ b/diplomacy/web/src/index.js
@@ -15,9 +15,9 @@
 //  with this program.  If not, see <https://www.gnu.org/licenses/>.
 // ==============================================================================
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import {Page} from "./gui/pages/page";
-import 'popper.js';
+import "@popperjs/core";
 import 'bootstrap/dist/js/bootstrap';
 import 'bootstrap/dist/css/bootstrap.min.css';
 import './index.css';
@@ -25,4 +25,7 @@ import './index.css';
 
 // ========================================
 
-ReactDOM.render(<Page/>, document.getElementById('root'));
+const container = document.getElementByID('root');
+const root = createRoot(container);
+
+root.render(<Page />);