Merge pull request #679 from aXenDeveloper/react_19.2_next_canary_update

perf: Update to React 19.2, Next.js canary

Author: aXenDeveloper

.github/workflows/build-lint-test.yml

@@ -2,7 +2,7 @@ name: Build, Lint & Test
 
 on:
   pull_request:
-    branches: '*'
+    branches: "*"
     types:
       - opened
       - edited
@@ -22,13 +22,13 @@ jobs:
       - uses: pnpm/action-setup@v4
         name: Install pnpm
         with:
-          version: 10.15.0
+          version: 10.18.0
 
       - name: Install Node.js
         uses: actions/setup-node@v4
         with:
           node-version-file: .nvmrc
-          cache: 'pnpm'
+          cache: "pnpm"
 
       - name: Install dependencies
         run: pnpm install --frozen-lockfile

.github/workflows/bump_publish.yml

@@ -52,7 +52,7 @@ jobs:
       - uses: pnpm/action-setup@v4
         name: Install pnpm
         with:
-          version: 10.15.0
+          version: 10.18.0
 
       - name: Install Node.js
         uses: actions/setup-node@v4

apps/api/package.json

@@ -14,30 +14,30 @@
     "lint:fix": "eslint . --fix"
   },
   "dependencies": {
-    "@hono/zod-openapi": "^1.1.0",
-    "@hono/zod-validator": "^0.7.2",
+    "@hono/zod-openapi": "^1.1.3",
+    "@hono/zod-validator": "^0.7.3",
     "@vitnode/core": "workspace:*",
-    "drizzle-kit": "^0.31.4",
-    "drizzle-orm": "^0.44.5",
-    "hono": "^4.9.6",
-    "next-intl": "^4.3.6",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "use-intl": "^4.3.6",
-    "zod": "^4.1.5"
+    "drizzle-kit": "^0.31.5",
+    "drizzle-orm": "^0.44.6",
+    "hono": "^4.9.9",
+    "next-intl": "^4.3.9",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "use-intl": "^4.3.9",
+    "zod": "^4.1.11"
   },
   "devDependencies": {
-    "@hono/node-server": "^1.19.1",
-    "@react-email/components": "^0.5.2",
-    "@types/node": "^24.3.1",
-    "@types/react": "^19.1.12",
-    "@types/react-dom": "^19.1.9",
+    "@hono/node-server": "^1.19.5",
+    "@react-email/components": "^0.5.5",
+    "@types/node": "^24.6.2",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
     "@vitnode/config": "workspace:*",
-    "dotenv": "^17.2.2",
+    "dotenv": "^17.2.3",
     "eslint": "^9.36.0",
-    "react-email": "^4.2.8",
+    "react-email": "^4.2.12",
     "tsc-alias": "^1.8.16",
-    "tsx": "^4.20.5",
-    "typescript": "^5.9.2"
+    "tsx": "^4.20.6",
+    "typescript": "^5.9.3"
   }
 }

apps/docs/next.config.ts

@@ -12,7 +12,7 @@ const withBundleAnalyzer = nextAnalyzer({
 const nextConfig: NextConfig = {
   experimental: {
     inlineCss: true,
-    reactCompiler: process.env.ANALYZE !== "true",
+    ppr: "incremental",
   },
 };
 

apps/docs/package.json

@@ -22,47 +22,46 @@
     "lint:fix": "eslint . --fix"
   },
   "dependencies": {
-    "@hono/zod-openapi": "^1.1.0",
-    "@hono/zod-validator": "^0.7.2",
+    "@hono/zod-openapi": "^1.1.3",
+    "@hono/zod-validator": "^0.7.3",
     "@vitnode/blog": "workspace:*",
     "@vitnode/core": "workspace:*",
-    "babel-plugin-react-compiler": "19.1.0-rc.3",
-    "drizzle-kit": "^0.31.4",
-    "drizzle-orm": "^0.44.5",
-    "fumadocs-core": "^15.7.10",
-    "fumadocs-mdx": "^11.9.0",
-    "fumadocs-ui": "^15.7.10",
-    "hono": "^4.9.6",
-    "lucide-react": "^0.542.0",
-    "motion": "^12.23.12",
-    "next": "^15.5.2",
-    "next-intl": "^4.3.6",
+    "drizzle-kit": "^0.31.5",
+    "drizzle-orm": "^0.44.6",
+    "fumadocs-core": "^15.8.3",
+    "fumadocs-mdx": "^12.0.2",
+    "fumadocs-ui": "^15.8.3",
+    "hono": "^4.9.9",
+    "lucide-react": "^0.544.0",
+    "motion": "^12.23.22",
+    "next": "15.6.0-canary.41",
+    "next-intl": "^4.3.9",
     "node-cron": "^4.2.1",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "react-hook-form": "^7.62.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-hook-form": "^7.63.0",
     "react-use": "^17.6.0",
     "sonner": "^2.0.7"
   },
   "devDependencies": {
-    "@next/bundle-analyzer": "^15.5.2",
-    "@playwright/test": "^1.55.0",
-    "@react-email/components": "^0.5.2",
-    "@tailwindcss/postcss": "^4.1.13",
+    "@next/bundle-analyzer": "^15.5.4",
+    "@playwright/test": "^1.55.1",
+    "@react-email/components": "^0.5.5",
+    "@tailwindcss/postcss": "^4.1.14",
     "@types/mdx": "^2.0.13",
-    "@types/node": "^24.3.1",
-    "@types/react": "^19.1.12",
-    "@types/react-dom": "^19.1.9",
+    "@types/node": "^24.6.2",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
     "@vitnode/config": "workspace:*",
     "class-variance-authority": "^0.7.1",
     "eslint": "^9.36.0",
     "postcss": "^8.5.6",
-    "react-email": "^4.2.8",
-    "shiki": "^3.12.2",
-    "tailwindcss": "^4.1.13",
-    "tw-animate-css": "^1.3.8",
-    "typescript": "^5.9.2",
-    "use-intl": "^4.3.6",
-    "zod": "^4.1.5"
+    "react-email": "^4.2.12",
+    "shiki": "^3.13.0",
+    "tailwindcss": "^4.1.14",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "^5.9.3",
+    "use-intl": "^4.3.9",
+    "zod": "^4.1.11"
   }
 }

apps/docs/src/app/[locale]/layout.tsx

@@ -26,8 +26,8 @@ const geistMono = Geist_Mono({
 export const generateMetadata = (): Metadata =>
   generateMetadataRootLayout(vitNodeConfig);
 
-export const generateStaticParams = () =>
-  vitNodeConfig.i18n.locales.map(locale => ({ locale: locale.code }));
+// export const generateStaticParams = () =>
+//   vitNodeConfig.i18n.locales.map(locale => ({ locale: locale.code }));
 
 export default async function LocaleLayout(props: RootLayoutProps) {
   const { locale } = await props.params;

apps/docs/src/app/layout.tsx

@@ -1,5 +1,7 @@
 import "./global.css";
 
+export const experimental_ppr = true;
+
 export default async function RootLayout({
   children,
 }: {

apps/docs/src/components/animated-beam/animated-beam.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @eslint-react/hooks-extra/no-direct-set-state-in-use-effect */
 "use client";
 
 import { cn } from "@vitnode/core/lib/utils";
@@ -91,6 +92,7 @@ export const AnimatedBeam = ({
     // Initialize ResizeObserver
     const resizeObserver = new ResizeObserver(entries => {
       // For all entries, recalculate the path
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       for (const _entry of entries) {
         updatePath();
       }

package.json

@@ -17,19 +17,19 @@
     "test:e2e": "turbo test:e2e"
   },
   "devDependencies": {
-    "@types/node": "^24.3.1",
+    "@types/node": "^24.6.2",
     "@vitnode/config": "workspace:*",
     "prettier": "^3.6.2",
     "prettier-plugin-tailwindcss": "^0.6.14",
-    "tsx": "^4.20.5",
-    "turbo": "^2.5.6",
-    "typescript": "^5.9.2",
-    "zod": "^4.1.5"
+    "tsx": "^4.20.6",
+    "turbo": "^2.5.8",
+    "typescript": "^5.9.3",
+    "zod": "^4.1.11"
   },
   "engines": {
     "node": ">=22"
   },
-  "packageManager": "pnpm@10.15.0",
+  "packageManager": "pnpm@10.18.0",
   "workspaces": [
     "apps/*",
     "packages/*",

packages/config/eslint.config.mjs

@@ -161,6 +161,12 @@ export default [
           ],
           message: "Please import from `vitnode-frontend/navigation` instead.",
         },
+        {
+          name: "next/router",
+          importNames: ["useRouter"],
+          message:
+            "This import is from Page router. Please import from `vitnode-frontend/navigation` instead.",
+        },
       ],
     },
   },