migrating to react 19

Author: krishnemd

eslint.config.ts

@@ -0,0 +1,46 @@
+const typescriptEslint = require('@typescript-eslint/eslint-plugin');
+const reactHooks = require('eslint-plugin-react-hooks');
+const reactRefresh = require('eslint-plugin-react-refresh');
+const storybook = require('eslint-plugin-storybook');
+
+module.exports = [
+  {
+    files: ['**/*.ts', '**/*.tsx'],
+    languageOptions: {
+      parser: require('@typescript-eslint/parser'),
+      parserOptions: {
+        ecmaVersion: 2020,
+        sourceType: 'module',
+      },
+      globals: {
+        browser: true,
+      },
+    },
+    plugins: {
+      '@typescript-eslint': typescriptEslint,
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+      storybook: storybook,
+    },
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+    rules: {
+      ...require('eslint-config-recommended').rules,
+      ...typescriptEslint.configs.recommended.rules,
+      ...reactHooks.configs.recommended.rules,
+      ...storybook.configs.recommended.rules,
+      'no-unused-vars': 'warn',
+      'no-var': 'error',
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true },
+      ],
+    },
+  },
+  {
+    ignores: ['dist', '.eslintrc.cjs'],
+  },
+];

package.json

@@ -2,6 +2,7 @@
   "name": "react-boilerplate",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "tsc && nx vite:build",
@@ -15,28 +16,29 @@
   },
   "dependencies": {
     "@radix-ui/react-slot": "^1.0.2",
-    "@tanstack/react-query": "^5.8.1",
+    "@tanstack/react-query": "^5.66.9",
     "@types/dexie": "^1.3.1",
     "@types/react-router-dom": "^5.3.3",
     "autoprefixer": "^10.4.16",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
     "dexie": "^3.2.4",
-    "lucide-react": "^0.292.0",
+    "install": "^0.13.0",
+    "lucide-react": "^0.475.0",
     "postcss": "^8.4.31",
-    "react": "^18.3.0",
-    "react-dom": "^18.3.0",
-    "react-router-dom": "^6.18.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-router": "^7.2.0",
     "tailwind-merge": "^2.0.0",
     "tailwindcss": "^3.3.5",
     "tailwindcss-animate": "^1.0.7",
     "vite": "^5.4.11"
   },
   "devDependencies": {
-    "@betterer/betterer": "5.4.0",
-    "@betterer/cli": "5.4.0",
-    "@betterer/eslint": "5.4.0",
-    "@betterer/typescript": "5.4.0",
+    "@betterer/betterer": "6.0.0-alpha.1",
+    "@betterer/cli": "6.0.0-alpha.1",
+    "@betterer/eslint": "6.0.0-alpha.1",
+    "@betterer/typescript": "6.0.0-alpha.1",
     "@chromatic-com/storybook": "^3.2.3",
     "@nx/eslint": "20.1.4",
     "@nx/playwright": "20.1.4",
@@ -53,21 +55,22 @@
     "@storybook/react-vite": "^8.4.7",
     "@storybook/test": "^8.4.7",
     "@tanstack/eslint-plugin-query": "^5.6.0",
-    "@types/node": "^20.9.0",
-    "@types/react": "^18.3",
-    "@types/react-dom": "^18.3",
-    "@typescript-eslint/eslint-plugin": "^6.0.0",
-    "@typescript-eslint/parser": "^6.0.0",
+    "@types/node": "^20.17.19",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
+    "@typescript-eslint/eslint-plugin": "^8.24.1",
+    "@typescript-eslint/parser": "^8.24.1",
     "@vitejs/plugin-react-swc": "^3.7.2",
     "@vitest/ui": "^1.3.1",
-    "eslint": "^8.45.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.3",
-    "eslint-plugin-storybook": "^0.11.1",
+    "eslint": "^8.57.0",
+    "eslint-config-recommended": "^4.1.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "eslint-plugin-storybook": "^0.11.3",
     "nx": "20.1.4",
     "storybook": "^8.4.7",
     "ts-node": "^10.9.2",
-    "typescript": "^5.3.3",
+    "typescript": "^5.7.3",
     "vitest": "^1.3.1"
   },
   "nx": {}