upgrading vite and to react 19

Author: bradwestfall

.prettierignore

@@ -0,0 +1,3 @@
+{
+  "typescript.tsdk": "node_modules/typescript/lib"
+}

.vscode/settings.json

@@ -1,10 +1,11 @@
 {
   "name": "react-training-workshop",
+  "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
-    "start": "node scripts/start.js",
+    "start": "vite-node scripts/start.ts",
     "kill-db-port": "node scripts/kill-db-port 3333",
-    "template": "cd scripts && plop",
     "install-remix": "cd remix && npm install",
     "test": "jest"
   },
@@ -26,8 +27,8 @@
     "mobx-react": "^7.2.1",
     "mobx-react-lite": "^3.2.3",
     "prop-types": "^15.8.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.0.0-beta-1beb73de0f-20240503",
+    "react-dom": "^19.0.0-beta-1beb73de0f-20240503",
     "react-hook-form": "^7.48.2",
     "react-icons": "^4.11.0",
     "react-popper": "^2.3.0",
@@ -37,23 +38,27 @@
     "redux-logger": "^3.0.6",
     "zod": "^3.22.2"
   },
+  "overrides": {
+    "@types/react": "npm:types-react@beta",
+    "@types/react-dom": "npm:types-react-dom@beta"
+  },
   "devDependencies": {
-    "@babel/eslint-parser": "^7.16.5",
+    "@types/concurrently": "^6.4.0",
+    "@types/react": "npm:types-react@beta",
+    "@types/react-dom": "npm:types-react-dom@beta",
+    "@types/readline-sync": "^1.4.8",
+    "@types/shelljs": "^0.8.15",
     "@testing-library/jest-dom": "^5.16.2",
     "@testing-library/react": "^13.1.1",
     "@types/jest": "^27.4.0",
-    "@types/markdown-it": "^12.2.3",
-    "@types/node": "^16.11.1",
-    "@types/react": "^18.0.26",
-    "@types/react-dom": "^18.0.10",
-    "@typescript-eslint/eslint-plugin": "^5.8.0",
-    "@typescript-eslint/parser": "^5.9.0",
-    "@vitejs/plugin-react": "^1.0.0",
+    "@typescript-eslint/eslint-plugin": "^7.2.0",
+    "@typescript-eslint/parser": "^7.2.0",
+    "@vitejs/plugin-react": "^4.2.1",
     "autoprefixer": "^10.4.14",
     "concurrently": "^6.3.0",
-    "eslint-config-react-app": "^7.0.0",
-    "eslint-plugin-react": "^7.27.1",
-    "eslint-plugin-react-hooks": "^4.4.0",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.6",
     "find-process": "^1.4.5",
     "jest": "^27.5.1",
     "mock-match-media": "^0.3.0",
@@ -63,20 +68,9 @@
     "shelljs": "^0.8.5",
     "tailwindcss": "^3.3.2",
     "ts-jest": "^27.1.3",
-    "typescript": "^4.5.2",
-    "vite": "^2.9.13"
-  },
-  "eslintConfig": {
-    "extends": "react-app",
-    "plugins": [
-      "react-hooks"
-    ],
-    "rules": {
-      "no-unused-vars": "off",
-      "@typescript-eslint/no-unused-vars": "off",
-      "react-hooks/rules-of-hooks": "error",
-      "react-hooks/exhaustive-deps": "warn"
-    }
+    "typescript": "^5.2.2",
+    "vite": "^5.2.0",
+    "vite-node": "^1.6.0"
   },
   "prettier": {
     "printWidth": 100,

package-lock.json

@@ -2,8 +2,7 @@
 
 import colors from 'tailwindcss/colors'
 
-// eslint-disable-next-line import/no-anonymous-default-export
-export default {
+export const config = {
   // We go up a directory from _full-app to capture all the lessons
   content: ['./index.html', '../**/*.{js,ts,jsx,tsx}'],
   theme: {
@@ -24,3 +23,5 @@ export default {
   },
   plugins: [],
 }
+
+export default config