Make the app compatible with React 18 (#2093)

Author: scriptex

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "create-react-app-ts",
-	"version": "1.8.0",
+	"version": "1.9.0",
 	"description": "Scalable starter boilerplate for React applications",
 	"main": "./src/index.tsx",
 	"bin": {
@@ -86,7 +86,7 @@
 		"@types/enzyme": "3.10.11",
 		"@types/jest": "27.4.1",
 		"@types/loadable__component": "5.13.4",
-		"@types/node": "17.0.16",
+		"@types/node": "17.0.23",
 		"@types/react": "17.0.43",
 		"@types/react-dom": "17.0.14",
 		"@types/react-loadable": "5.5.6",

src/index.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { render } from 'react-dom';
 import { Provider } from 'react-redux';
+import { createRoot } from 'react-dom/client';
 import { ConnectedRouter } from 'connected-react-router';
 
 import { App } from './app';
@@ -10,8 +10,8 @@ import { history, configureStore } from '@store/index';
 
 export const store = configureStore();
 
-const node: HTMLElement | null = document.getElementById('app') || document.createElement('div');
-const renderRoot = (app: JSX.Element): void => render(app, node);
+const root = createRoot(document.getElementById('app') || document.createElement('div'));
+const renderRoot = (app: JSX.Element): void => root.render(app);
 const router = (Application: any): JSX.Element => (
 	<Provider store={store}>
 		<ConnectedRouter history={history}>