Update stack to React 18 with Redux 9

Kovah · Jan 14, 2024 · b021451 · b021451
1 parent b1a5f26
commit b021451
Show file tree

Hide file tree

Showing 3 changed files with 168 additions and 265 deletions.
diff --git a/index.js b/index.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import { Provider } from 'react-redux';
 import store from './src/app/store';
 import { saveState } from './src/app/localstorage';
@@ -9,9 +9,10 @@ store.subscribe(() => {
   saveState(store.getState());
 });
 
-ReactDOM.render(
+const container = document.getElementById('root');
+const root = createRoot(container); // createRoot(container!) if you use TypeScript
+root.render(
   <Provider store={store}>
-    <App/>
-  </Provider>,
-  document.querySelector('#root')
+  <App/>
+</Provider>
 );