Enable concurrent rendering with react-dom

Author: skovy

src/index.tsx

@@ -1,12 +1,7 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import * as serviceWorker from './serviceWorker';
+import React from "react";
+import ReactDOM from "react-dom";
+import "./index.css";
+import App from "./App";
 
-ReactDOM.render(<App />, document.getElementById('root'));
-
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: https://bit.ly/CRA-PWA
-serviceWorker.unregister();
+const root = document.getElementById("root") as HTMLElement;
+ReactDOM.createRoot(root).render(<App />);

src/react-app-env.d.ts

@@ -1 +1,2 @@
 /// <reference types="react-scripts" />
+/// <reference types="react-dom/experimental" />