Next 15 & React 19 upgrade

apps/expo/package.json

@@ -32,8 +32,8 @@
     "expo-status-bar": "~1.12.1",
     "expo-web-browser": "^13.0.3",
     "nativewind": "~4.0.36",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "19.0.0-rc-100dfd7dab-20240701",
+    "react-dom": "19.0.0-rc-100dfd7dab-20240701",
     "react-native": "~0.74.1",
     "react-native-css-interop": "~0.0.34",
     "react-native-gesture-handler": "~2.16.2",

apps/nextjs/next.config.js

@@ -20,6 +20,10 @@ const config = {
   /** We already do linting and typechecking as separate tasks in CI */
   eslint: { ignoreDuringBuilds: true },
   typescript: { ignoreBuildErrors: true },
+
+  experimental: {
+    reactCompiler: true,
+  },
 };
 
 export default config;

apps/nextjs/package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "build": "pnpm with-env next build",
     "clean": "git clean -xdf .next .turbo node_modules",
-    "dev": "pnpm with-env next dev",
+    "dev": "pnpm with-env next dev --turbo",
     "format": "prettier --check . --ignore-path ../../.gitignore",
     "lint": "eslint",
     "start": "pnpm with-env next start",
@@ -25,9 +25,9 @@
     "@trpc/react-query": "11.0.0-rc.364",
     "@trpc/server": "11.0.0-rc.364",
     "geist": "^1.3.0",
-    "next": "^14.2.3",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "next": "15.0.0-rc.0",
+    "react": "19.0.0-rc-100dfd7dab-20240701",
+    "react-dom": "19.0.0-rc-100dfd7dab-20240701",
     "superjson": "2.2.1",
     "zod": "^3.23.8"
   },

packages/auth/package.json

@@ -22,10 +22,10 @@
     "@auth/core": "0.32.0",
     "@auth/drizzle-adapter": "1.4.1",
     "@t3-oss/env-nextjs": "^0.10.1",
-    "next": "^14.2.3",
+    "next": "15.0.0-rc.0",
     "next-auth": "5.0.0-beta.19",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "19.0.0-rc-100dfd7dab-20240701",
+    "react-dom": "19.0.0-rc-100dfd7dab-20240701",
     "zod": "^3.23.8"
   },
   "devDependencies": {

packages/ui/package.json

@@ -39,13 +39,13 @@
     "@types/react": "^18.3.3",
     "eslint": "^9.4.0",
     "prettier": "^3.3.1",
-    "react": "18.3.1",
+    "react": "19.0.0-rc-100dfd7dab-20240701",
     "tailwindcss": "^3.4.3",
     "typescript": "^5.4.5",
     "zod": "^3.23.8"
   },
   "peerDependencies": {
-    "react": "18.3.1",
+    "react": "19.0.0-rc-100dfd7dab-20240701",
     "zod": "^3.23.8"
   },
   "prettier": "@acme/prettier-config"

tooling/eslint/base.js

@@ -1,6 +1,7 @@
 /// <reference types="./types.d.ts" />
 
 import eslint from "@eslint/js";
+import stylisticPlugin from "@stylistic/eslint-plugin";
 import importPlugin from "eslint-plugin-import";
 import turboPlugin from "eslint-plugin-turbo";
 import tseslint from "typescript-eslint";
@@ -42,6 +43,7 @@ export default tseslint.config(
     plugins: {
       import: importPlugin,
       turbo: turboPlugin,
+      "@stylistic": stylisticPlugin,
     },
     extends: [
       eslint.configs.recommended,
@@ -71,6 +73,7 @@ export default tseslint.config(
       ],
       "@typescript-eslint/no-non-null-assertion": "error",
       "import/consistent-type-specifier-style": ["error", "prefer-top-level"],
+      "@stylistic/semi": ["warn"],
     },
   },
   {

tooling/eslint/package.json

@@ -14,10 +14,14 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@next/eslint-plugin-next": "^14.2.3",
+    "@eslint/compat": "1.1.0",
+    "@next/eslint-plugin-next": "15.0.0-rc.0",
+    "@stylistic/eslint-plugin": "2.1.0",
+    "babel-plugin-react-compiler": "0.0.0-experimental-696af53-20240625",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsx-a11y": "^6.8.0",
     "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-compiler": "0.0.0-experimental-0998c1e-20240625",
     "eslint-plugin-react-hooks": "rc",
     "eslint-plugin-turbo": "^2.0.3",
     "typescript-eslint": "rc-v8"

tooling/eslint/react.js

@@ -1,3 +1,4 @@
+import { fixupPluginRules } from "@eslint/compat";
 import reactPlugin from "eslint-plugin-react";
 import hooksPlugin from "eslint-plugin-react-hooks";
 
@@ -6,17 +7,25 @@ export default [
   {
     files: ["**/*.ts", "**/*.tsx"],
     plugins: {
-      react: reactPlugin,
+      // fixes: https://eslint.org/docs/latest/use/troubleshooting/v9-rule-api-changes
+      react: fixupPluginRules(reactPlugin),
       "react-hooks": hooksPlugin,
     },
     rules: {
-      ...reactPlugin.configs["jsx-runtime"].rules,
+      ...reactPlugin.configs.recommended.rules,
       ...hooksPlugin.configs.recommended.rules,
+      "react/prop-types": "off",
     },
     languageOptions: {
       globals: {
         React: "writable",
       },
     },
+    settings: {
+      react: {
+        // Only necessary to suppress warning
+        version: "detect",
+      },
+    },
   },
 ];