Migrate to the React 18 new root API

See https://react.dev/blog/2022/03/08/react-18-upgrade-guide See reactwg/react-18#5
pokusew · Apr 15, 2023 · 1876b75 · 1876b75
1 parent 2228516
commit 1876b75
Showing 1 changed file with 4 additions and 12 deletions.
diff --git a/app/index.tsx b/app/index.tsx
@@ -2,14 +2,7 @@
 
 import React from 'react';
 
-// see https://github.com/welldone-software/why-did-you-render
-// if (process.env.NODE_ENV === 'development') {
-// 	const whyDidYouRender = require('@welldone-software/why-did-you-render');
-// 	whyDidYouRender(React, {
-// 		trackAllPureComponents: true,
-// 	});
-// }
-import { render } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 import Root from './containers/Root';
 import { routesMap } from './routes';
@@ -42,10 +35,9 @@ const firebase = configureFirebase();
 
 const router = new Router(routesMap);
 
-render(
-	<Root store={store} firebase={firebase} router={router} />,
-	document.getElementById('root'),
-);
+const container = document.getElementById('root');
+const root = createRoot(container!);
+root.render(<Root store={store} firebase={firebase} router={router} />);
 //
 // // @ts-ignore
 // if (module.hot) {