From ae26de55dce5c6f7cbc876f36932bba9499853af Mon Sep 17 00:00:00 2001
From: Igor D <igorDykhta@users.noreply.github.com>
Date: Mon, 25 Sep 2023 16:17:48 +0300
Subject: [PATCH] [fix] Fix website kepler.gl example (#2338)

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>
---
 website/src/main.js       | 8 ++++----
 website/webpack.config.js | 1 +
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/website/src/main.js b/website/src/main.js
index 7bf84335f8..bdaba69b3e 100644
--- 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
index e0f89f6508..c45b165352 100644
--- 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'),