[fix] Fix website kepler.gl example (#2338)

Signed-off-by: Ihor Dykhta <[email protected]>
keplergl · Sep 25, 2023 · ae26de5 · ae26de5
1 parent d14e7ff
commit ae26de5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/website/src/main.js b/website/src/main.js
@@ -22,7 +22,7 @@
 // import 'babel-register';
 
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import {Provider} from 'react-redux';
 import store from './reducers';
 import Routes from './routes';
@@ -33,9 +33,9 @@ require('./static/favicon.png');
 const el = document.createElement('div');
 document.body.appendChild(el);
 
-ReactDOM.render(
+const root = ReactDOM.createRoot(el);
+root.render(
   <Provider store={store}>
     <Routes />
-  </Provider>,
-  el
+  </Provider>
 );
diff --git a/website/webpack.config.js b/website/webpack.config.js
@@ -65,6 +65,7 @@ const COMMON_CONFIG = {
       // Imports the kepler.gl library from the src directory in this repo
       'kepler.gl': libSources,
       react: resolve(rootDir, './node_modules/react'),
+      'react-dom': resolve(rootDir, './node_modules/react-dom'),
       'styled-components': resolve(rootDir, './node_modules/styled-components'),
       'react-redux': resolve(rootDir, './node_modules/react-redux'),
       'react-palm': resolve(rootDir, './node_modules/react-palm'),