trying to get concurrent mode to work

Author: johnrees

package.json

@@ -3,31 +3,29 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@nx-js/observer-util": "^4.2.2",
-    "@teamwork/websocket-json-stream": "^2.0.0",
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.3.2",
-    "@testing-library/user-event": "^7.1.2",
-    "@types/jest": "^24.0.0",
-    "@types/node": "^12.0.0",
-    "@types/react": "^16.9.0",
-    "@types/react-dom": "^16.9.0",
-    "@types/uuid": "^8.0.0",
-    "comlink": "^4.3.0",
     "express": "^4.17.1",
-    "nanoid": "^3.1.10",
     "random-words": "^1.1.1",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
+    "react": "^0.0.0-experimental-4c8c98ab9",
+    "react-dom": "^0.0.0-experimental-4c8c98ab9",
     "react-router-dom": "^5.2.0",
-    "react-scripts": "3.4.1",
-    "react-use-comlink": "^2.0.1",
     "reconnecting-websocket": "^4.4.0",
     "sharedb": "^1.4.0",
     "typescript": "~3.7.2",
     "uuid": "^8.2.0",
     "ws": "^7.3.1"
   },
+  "devDependencies": {
+    "@teamwork/websocket-json-stream": "^2.0.0",
+    "@types/jest": "^24.0.0",
+    "@types/node": "^12.0.0",
+    "@types/react": "^16.9.43",
+    "@types/react-dom": "^16.9.8",
+    "@types/uuid": "^8.0.0",
+    "concurrently": "^5.2.0",
+    "react-scripts": "3.4.1",
+    "typescript": "^3.9.7",
+    "comlink": "^4.3.0"
+  },
   "scripts": {
     "start": "concurrently 'node server' 'react-scripts start'",
     "build": "react-scripts build",
@@ -48,10 +46,5 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
-  },
-  "devDependencies": {
-    "concurrently": "^5.2.0",
-    "ts-node": "^8.10.2",
-    "ts-node-dev": "^1.0.0-pre.52"
   }
 }

src/index.tsx

@@ -4,12 +4,12 @@ import App from "./App";
 import * as serviceWorker from "./serviceWorker";
 import "./style.css";
 
-ReactDOM.render(
+ReactDOM.createRoot(
   <React.StrictMode>
     <App />
   </React.StrictMode>,
   document.getElementById("root")
-);
+).render(<App />);
 
 // If you want your app to work offline and load faster, you can change
 // unregister() to register() below. Note this comes with some pitfalls.

src/react-app-env.d.ts

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

tsconfig.json

@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
@@ -19,7 +15,5 @@
     "noEmit": true,
     "jsx": "react"
   },
-  "include": [
-    "src"
-  ]
+  "include": ["src"]
 }