Next 15 + React 19

.npmrc

@@ -1,2 +1,4 @@
 node-linker=hoisted
-link-workspace-packages=true
+link-workspace-packages=true
+# Until all packages use the same React version.
+hoist-pattern[]=!@types/react

.nvmrc

@@ -1 +1 @@
-20.16
+20.18

apps/auth-proxy/package.json

@@ -10,14 +10,14 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@auth/core": "0.34.2"
+    "@auth/core": "0.37.2"
   },
   "devDependencies": {
     "@acme/eslint-config": "workspace:*",
     "@acme/prettier-config": "workspace:*",
     "@acme/tailwind-config": "workspace:*",
     "@acme/tsconfig": "workspace:*",
-    "@types/node": "^20.16.11",
+    "@types/node": "^20.17.1",
     "eslint": "catalog:",
     "h3": "^1.13.0",
     "nitropack": "^2.9.7",

apps/expo/package.json

@@ -36,10 +36,10 @@
     "react-dom": "catalog:react18",
     "react-native": "~0.74.6",
     "react-native-css-interop": "~0.0.36",
-    "react-native-gesture-handler": "~2.20.0",
+    "react-native-gesture-handler": "~2.20.2",
     "react-native-reanimated": "~3.15.5",
     "react-native-safe-area-context": "~4.11.1",
-    "react-native-screens": "~3.34.0",
+    "react-native-screens": "~3.34.1",
     "superjson": "2.2.1"
   },
   "devDependencies": {
@@ -48,9 +48,9 @@
     "@acme/prettier-config": "workspace:*",
     "@acme/tailwind-config": "workspace:*",
     "@acme/tsconfig": "workspace:*",
-    "@babel/core": "^7.25.8",
-    "@babel/preset-env": "^7.25.8",
-    "@babel/runtime": "^7.25.7",
+    "@babel/core": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/runtime": "^7.26.0",
     "@types/babel__core": "^7.20.5",
     "@types/react": "catalog:react18",
     "eslint": "catalog:",

apps/expo/tsconfig.json

@@ -3,7 +3,8 @@
   "compilerOptions": {
     "baseUrl": ".",
     "paths": {
-      "~/*": ["./src/*"]
+      "~/*": ["./src/*"],
+      "react": ["./node_modules/@types/react"]
     },
     "jsx": "react-native",
     "types": ["nativewind/types"],

apps/nextjs/next.config.js

@@ -1,13 +1,10 @@
 import { fileURLToPath } from "url";
-import { createJiti } from "jiti";
+import createJiti from "jiti";
 
-// Import env files to validate at build time. Use jiti so we can load .ts files in here.
-await createJiti(fileURLToPath(import.meta.url)).import("./src/env");
+createJiti(fileURLToPath(import.meta.url))("./src/env");
 
 /** @type {import("next").NextConfig} */
 const config = {
-  reactStrictMode: true,
-
   /** Enables hot reloading for local packages without a build step */
   transpilePackages: [
     "@acme/api",

apps/nextjs/package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "build": "pnpm with-env next build",
     "clean": "git clean -xdf .cache .next .turbo node_modules",
-    "dev": "pnpm with-env next dev",
+    "dev": "pnpm with-env next dev --turbopack",
     "format": "prettier --check . --ignore-path ../../.gitignore",
     "lint": "eslint",
     "start": "pnpm with-env next start",
@@ -25,9 +25,9 @@
     "@trpc/react-query": "catalog:",
     "@trpc/server": "catalog:",
     "geist": "^1.3.1",
-    "next": "^14.2.15",
-    "react": "catalog:react18",
-    "react-dom": "catalog:react18",
+    "next": "^15.0.1",
+    "react": "catalog:react19",
+    "react-dom": "catalog:react19",
     "superjson": "2.2.1",
     "zod": "catalog:"
   },
@@ -36,12 +36,12 @@
     "@acme/prettier-config": "workspace:*",
     "@acme/tailwind-config": "workspace:*",
     "@acme/tsconfig": "workspace:*",
-    "@types/node": "^20.16.11",
-    "@types/react": "catalog:react18",
-    "@types/react-dom": "catalog:react18",
+    "@types/node": "^20.17.1",
+    "@types/react": "catalog:react19",
+    "@types/react-dom": "catalog:react19",
     "dotenv-cli": "^7.4.2",
     "eslint": "catalog:",
-    "jiti": "^2.3.3",
+    "jiti": "^1.21.6",
     "prettier": "catalog:",
     "tailwindcss": "catalog:",
     "typescript": "catalog:"

apps/nextjs/src/app/api/auth/[...nextauth]/route.ts

@@ -33,19 +33,19 @@ export const POST = async (_req: NextRequest) => {
 
 export const GET = async (
   _req: NextRequest,
-  props: { params: { nextauth: string[] } },
+  props: { params: Promise<{ nextauth: string[] }> },
 ) => {
   // First step must be to correct the request URL.
   const req = rewriteRequestUrlInDevelopment(_req);
 
-  const nextauthAction = props.params.nextauth[0];
+  const nextauthAction = (await props.params).nextauth[0];
   const isExpoSignIn = req.nextUrl.searchParams.get("expo-redirect");
-  const isExpoCallback = cookies().get(EXPO_COOKIE_NAME);
+  const isExpoCallback = (await cookies()).get(EXPO_COOKIE_NAME);
 
   if (nextauthAction === "signin" && !!isExpoSignIn) {
     // set a cookie we can read in the callback
     // to know to send the user back to expo
-    cookies().set({
+    (await cookies()).set({
       name: EXPO_COOKIE_NAME,
       value: isExpoSignIn,
       maxAge: 60 * 10, // 10 min
@@ -54,7 +54,7 @@ export const GET = async (
   }
 
   if (nextauthAction === "callback" && !!isExpoCallback) {
-    cookies().delete(EXPO_COOKIE_NAME);
+    (await cookies()).delete(EXPO_COOKIE_NAME);
 
     // Run original handler, then extract the session token from the response
     // Send it back via a query param in the Expo deep link. The Expo app

apps/nextjs/src/trpc/server.ts

@@ -13,7 +13,7 @@ import { createQueryClient } from "./query-client";
  * handling a tRPC call from a React Server Component.
  */
 const createContext = cache(async () => {
-  const heads = new Headers(headers());
+  const heads = new Headers(await headers());
   heads.set("x-trpc-source", "rsc");
 
   return createTRPCContext({

package.json

@@ -2,10 +2,10 @@
   "name": "create-t3-turbo",
   "private": true,
   "engines": {
-    "node": ">=20.16.0",
+    "node": ">=20.18.0",
     "pnpm": "^9.6.0"
   },
-  "packageManager": "[email protected].1",
+  "packageManager": "[email protected].3",
   "scripts": {
     "build": "turbo run build",
     "clean": "git clean -xdf node_modules",
@@ -25,9 +25,9 @@
   },
   "devDependencies": {
     "@acme/prettier-config": "workspace:*",
-    "@turbo/gen": "^2.1.3",
+    "@turbo/gen": "~2.1.3",
     "prettier": "catalog:",
-    "turbo": "^2.1.3",
+    "turbo": "~2.1.3",
     "typescript": "catalog:"
   },
   "prettier": "@acme/prettier-config"

packages/auth/package.json

@@ -19,13 +19,13 @@
   },
   "dependencies": {
     "@acme/db": "workspace:*",
-    "@auth/core": "0.34.2",
-    "@auth/drizzle-adapter": "1.4.2",
+    "@auth/core": "0.37.2",
+    "@auth/drizzle-adapter": "1.7.2",
     "@t3-oss/env-nextjs": "^0.11.1",
-    "next": "^14.2.15",
-    "next-auth": "5.0.0-beta.20",
-    "react": "catalog:react18",
-    "react-dom": "catalog:react18",
+    "next": "^15.0.1",
+    "next-auth": "5.0.0-beta.25",
+    "react": "catalog:react19",
+    "react-dom": "catalog:react19",
     "zod": "catalog:"
   },
   "devDependencies": {

packages/db/package.json

@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "@vercel/postgres": "^0.10.0",
-    "drizzle-orm": "^0.35.1",
+    "drizzle-orm": "^0.35.3",
     "drizzle-zod": "^0.5.1",
     "zod": "catalog:"
   },

packages/ui/package.json

@@ -4,23 +4,18 @@
   "version": "0.1.0",
   "type": "module",
   "exports": {
-    ".": {
-      "types": "./dist/src/index.d.ts",
-      "default": "./src/index.ts"
-    },
-    "./*": {
-      "types": "./dist/src/*.d.ts",
-      "default": [
-        "./src/*.ts",
-        "./src/*.tsx"
-      ]
-    }
+    ".": "./src/index.ts",
+    "./button": "./src/button.tsx",
+    "./dropdown-menu": "./src/dropdown-menu.tsx",
+    "./form": "./src/form.tsx",
+    "./input": "./src/input.tsx",
+    "./label": "./src/label.tsx",
+    "./theme": "./src/theme.tsx",
+    "./toast": "./src/toast.tsx"
   },
   "license": "MIT",
   "scripts": {
-    "build": "tsc",
     "clean": "git clean -xdf .cache .turbo dist node_modules",
-    "dev": "tsc",
     "format": "prettier --check . --ignore-path ../../.gitignore",
     "lint": "eslint",
     "typecheck": "tsc --noEmit --emitDeclarationOnly false",
@@ -34,7 +29,7 @@
     "@radix-ui/react-slot": "^1.1.0",
     "class-variance-authority": "^0.7.0",
     "next-themes": "^0.3.0",
-    "react-hook-form": "^7.53.0",
+    "react-hook-form": "^7.53.1",
     "sonner": "^1.5.0",
     "tailwind-merge": "^2.5.4"
   },
@@ -43,15 +38,15 @@
     "@acme/prettier-config": "workspace:*",
     "@acme/tailwind-config": "workspace:*",
     "@acme/tsconfig": "workspace:*",
-    "@types/react": "catalog:react18",
+    "@types/react": "catalog:react19",
     "eslint": "catalog:",
     "prettier": "catalog:",
-    "react": "catalog:react18",
+    "react": "catalog:react19",
     "typescript": "catalog:",
     "zod": "catalog:"
   },
   "peerDependencies": {
-    "react": "catalog:react18",
+    "react": "catalog:react19",
     "zod": "catalog:"
   },
   "prettier": "@acme/prettier-config"