API to support the concurrent rendering and upgraded storybook to ^6.5.10

Author: Anand Gupta

.github/workflows/node.js.yml

@@ -16,7 +16,7 @@ jobs:
 
  strategy:
  matrix:
- node-version: [10.x, 12.x, 14.x]
+ node-version: [12.x, 14.x, 16.x]
 
  steps:
  - uses: actions/checkout@v2

package-lock.json

@@ -83,7 +83,7 @@
  "dependencies": {
  "@babel/core": "^7.13.14",
  "@babel/node": "^7.13.13",
- "@storybook/react": "^6.1.20",
+ "@storybook/react": "^6.5.10",
  "axios": "^0.27.2",
  "eslint-plugin-prettier": "^3.4.0",
  "prop-types": "^15.7.2",

package.json

@@ -1,15 +1,16 @@
 /* eslint-disable no-console */
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import { Provider } from 'react-redux';
 import Routes from './routes/Routes';
 import Store from './redux/store';
 
-ReactDOM.render(
+const container = document.getElementById('root');
+const root = createRoot(container);
+root.render(
  <Provider store={Store}>
  <Routes />
  </Provider>,
- document.getElementById('root'),
 );
 
 if (!__DEVELOPMENT__ && !__SERVER__) {