vercel · alex-grover · Apr 30, 2026 · Apr 30, 2026 · Apr 30, 2026 · Apr 30, 2026
diff --git a/apps/playground/package.json b/apps/playground/package.json
@@ -18,10 +18,10 @@
     "highlight.js": "^11.11.1",
     "jotai": "^2.13.1",
     "lucide-react": "^0.469.0",
-    "next": "16.0.10",
+    "next": "16.2.4",
     "next-themes": "^0.4.6",
-    "react": "19.2.1",
-    "react-dom": "19.2.1",
+    "react": "19.2.5",
+    "react-dom": "19.2.5",
     "streamdown": "^1.6.5",
     "tailwind-merge": "^3.4.0",
     "v0-sdk": "workspace:*"
@@ -32,9 +32,9 @@
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "eslint": "^9",
-    "eslint-config-next": "16.0.7",
+    "eslint-config-next": "16.2.4",
     "tailwindcss": "^4",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^5"
+    "typescript": "^6.0.3"
   }
 }
diff --git a/examples/ai-tools-example/package.json b/examples/ai-tools-example/package.json
@@ -22,7 +22,7 @@
   "devDependencies": {
     "@types/node": "^22.12.0",
     "tsx": "^4.19.2",
-    "typescript": "^5.7.3"
+    "typescript": "^6.0.3"
   },
   "engines": {
     "node": ">=22"

diff --git a/examples/ai-tools-example/tsconfig.json b/examples/ai-tools-example/tsconfig.json
@@ -10,6 +10,7 @@
     "skipLibCheck": true,
     "forceConsistentCasingInFileNames": true,
     "declaration": true,
+    "types": ["node"],
     "outDir": "./dist",
     "rootDir": "./src"
   },

diff --git a/examples/classic-v0/app/api/screenshot/route.ts b/examples/classic-v0/app/api/screenshot/route.ts
@@ -99,7 +99,7 @@ export async function GET(request: NextRequest) {
           throw new Error('Screenshot appears to be blank')
         }
 
-        return new NextResponse(screenshot, {
+        return new NextResponse(new Uint8Array(screenshot), {
           headers: {
             'Content-Type': 'image/png',
             'Cache-Control': 'public, max-age=3600', // Cache for 1 hour

diff --git a/examples/classic-v0/package.json b/examples/classic-v0/package.json
@@ -18,10 +18,10 @@
     "clsx": "^2.1.1",
     "jotai": "^2.13.1",
     "lucide-react": "^0.540.0",
-    "next": "15.5.9",
+    "next": "16.2.4",
     "playwright": "^1.55.0",
-    "react": "19.1.2",
-    "react-dom": "19.1.2",
+    "react": "19.2.5",
+    "react-dom": "19.2.5",
     "react-syntax-highlighter": "^15.6.6",
     "tailwind-merge": "^2.5.5",
     "v0-sdk": "workspace:*"
@@ -34,6 +34,6 @@
     "@types/react-syntax-highlighter": "^15.5.13",
     "tailwindcss": "^4",
     "tw-animate-css": "^1.3.7",
-    "typescript": "^5"
+    "typescript": "^6.0.3"
   }
 }
diff --git a/examples/classic-v0/tsconfig.json b/examples/classic-v0/tsconfig.json
@@ -11,7 +11,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
@@ -22,6 +22,12 @@
       "@/*": ["./*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
   "exclude": ["node_modules"]
 }
diff --git a/examples/simple-v0/package.json b/examples/simple-v0/package.json
@@ -23,10 +23,10 @@
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "lucide-react": "^0.525.0",
-    "next": "15.5.9",
+    "next": "16.2.4",
     "next-themes": "^0.4.6",
-    "react": "19.1.2",
-    "react-dom": "19.1.2",
+    "react": "19.2.5",
+    "react-dom": "19.2.5",
     "tailwind-merge": "^3.3.1",
     "v0-sdk": "workspace:*",
     "vaul": "^1.1.2"
@@ -39,7 +39,7 @@
     "prettier": "^3.6.2",
     "tailwindcss": "^4",
     "tw-animate-css": "^1.3.5",
-    "typescript": "^5"
+    "typescript": "^6.0.3"
   },
   "prettier": {
     "semi": false,

diff --git a/examples/simple-v0/tsconfig.json b/examples/simple-v0/tsconfig.json
@@ -11,7 +11,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
@@ -22,6 +22,12 @@
       "@/*": ["./*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
   "exclude": ["node_modules"]
 }
diff --git a/examples/v0-clone/components/ai-elements/tool.tsx b/examples/v0-clone/components/ai-elements/tool.tsx
@@ -38,15 +38,21 @@ const getStatusBadge = (status: ToolUIPart['state']) => {
   const labels = {
     'input-streaming': 'Pending',
     'input-available': 'Running',
+    'approval-requested': 'Approval Requested',
+    'approval-responded': 'Approved',
     'output-available': 'Completed',
     'output-error': 'Error',
+    'output-denied': 'Denied',
   } as const
 
   const icons = {
     'input-streaming': <CircleIcon className="size-4" />,
     'input-available': <ClockIcon className="size-4 animate-pulse" />,
+    'approval-requested': <ClockIcon className="size-4 text-yellow-600" />,
+    'approval-responded': <CheckCircleIcon className="size-4 text-blue-600" />,
     'output-available': <CheckCircleIcon className="size-4 text-green-600" />,
     'output-error': <XCircleIcon className="size-4 text-red-600" />,
+    'output-denied': <XCircleIcon className="size-4 text-red-600" />,
   } as const
 
   return (

diff --git a/examples/v0-clone/package.json b/examples/v0-clone/package.json
@@ -35,11 +35,11 @@
     "embla-carousel-react": "^8.6.0",
     "lucide-react": "^0.540.0",
     "nanoid": "^5.1.5",
-    "next": "15.5.9",
+    "next": "16.2.4",
     "next-auth": "5.0.0-beta.25",
     "postgres": "^3.4.7",
-    "react": "19.1.2",
-    "react-dom": "19.1.2",
+    "react": "19.2.5",
+    "react-dom": "19.2.5",
     "react-syntax-highlighter": "^15.6.6",
     "shiki": "^3.12.2",
     "streamdown": "^1.0.12",
@@ -58,6 +58,6 @@
     "@types/react-syntax-highlighter": "^15.5.13",
     "tailwindcss": "^4",
     "tw-animate-css": "^1.3.7",
-    "typescript": "^5"
+    "typescript": "^6.0.3"
   }
 }
diff --git a/examples/v0-clone/tsconfig.json b/examples/v0-clone/tsconfig.json
@@ -11,7 +11,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
@@ -27,7 +27,8 @@
     "**/*.ts",
     "**/*.tsx",
     ".next/types/**/*.ts",
-    "types/**/*.d.ts"
+    "types/**/*.d.ts",
+    ".next/dev/types/**/*.ts"
   ],
   "exclude": ["node_modules"]
 }
diff --git a/examples/v0-sdk-react-example/app/globals.css b/examples/v0-sdk-react-example/app/globals.css
@@ -1,10 +1,10 @@
+/* Dark theme syntax highlighting for Prism.js */
+@import 'prismjs/themes/prism-dark.css';
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
-/* Dark theme syntax highlighting for Prism.js */
-@import 'prismjs/themes/prism-dark.css';
-
 :root {
   --background: 33 5% 13%; /* #212121 - Dark background like ChatGPT */
   --foreground: 0 0% 90%; /* Light text */

diff --git a/examples/v0-sdk-react-example/package.json b/examples/v0-sdk-react-example/package.json
@@ -19,26 +19,26 @@
     "clsx": "^2.1.1",
     "katex": "^0.16.8",
     "lucide-react": "^0.540.0",
+    "next": "16.2.4",
     "prismjs": "^1.29.0",
+    "react": "19.2.5",
+    "react-dom": "19.2.5",
     "react-katex": "^3.0.1",
-    "next": "15.5.9",
-    "react": "19.1.2",
-    "react-dom": "19.1.2",
     "tailwind-merge": "^2.5.5"
   },
   "devDependencies": {
     "@types/katex": "^0.16.0",
-    "@types/prismjs": "^1.26.0",
-    "@types/react-katex": "^3.0.4",
     "@types/node": "^20.0.0",
+    "@types/prismjs": "^1.26.0",
     "@types/react": "^19",
     "@types/react-dom": "^19",
+    "@types/react-katex": "^3.0.4",
     "autoprefixer": "^10.4.0",
     "eslint": "^8.0.0",
-    "eslint-config-next": "15.1.3",
+    "eslint-config-next": "16.2.4",
     "postcss": "^8.0.0",
     "tailwindcss": "^3.4.0",
     "tailwindcss-animate": "1.0.7",
-    "typescript": "^5.0.0"
+    "typescript": "^6.0.3"
   }
 }
diff --git a/examples/v0-sdk-react-example/tsconfig.json b/examples/v0-sdk-react-example/tsconfig.json
@@ -10,7 +10,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
@@ -23,6 +23,12 @@
     },
     "target": "ES2017"
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
   "exclude": ["node_modules"]
 }
diff --git a/package.json b/package.json
@@ -30,7 +30,7 @@
     "lint-staged": "^15.5.2",
     "prettier": "^3.3.3",
     "turbo": "^2.3.3",
-    "typescript": "5.7.3"
+    "typescript": "^6.0.3"
   },
   "packageManager": "pnpm@9.15.0",
   "engines": {

diff --git a/packages/ai-tools/package.json b/packages/ai-tools/package.json
@@ -47,7 +47,7 @@
     "@types/node": "^22.12.0",
     "bunchee": "^6.5.2",
     "prettier": "^3.3.3",
-    "typescript": "5.7.3",
+    "typescript": "^6.0.3",
     "vitest": "^3.2.4"
   },
   "peerDependencies": {

diff --git a/packages/create-v0-sdk-app/package.json b/packages/create-v0-sdk-app/package.json
@@ -44,7 +44,7 @@
     "@types/prompts": "^2.4.2",
     "@types/validate-npm-package-name": "^4.0.2",
     "tsx": "^4.19.2",
-    "typescript": "^5.7.3"
+    "typescript": "^6.0.3"
   },
   "engines": {
     "node": ">=22",

diff --git a/packages/create-v0-sdk-app/tsconfig.json b/packages/create-v0-sdk-app/tsconfig.json
@@ -6,8 +6,8 @@
     "declarationMap": true,
     "sourceMap": false,
     "target": "ES2022",
-    "module": "CommonJS",
-    "moduleResolution": "node",
+    "module": "Node16",
+    "moduleResolution": "node16",
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
     "strict": true,

diff --git a/packages/react/package.json b/packages/react/package.json
@@ -35,7 +35,7 @@
     "@types/react": "^19",
     "bunchee": "^6.6.0",
     "prettier": "^3.3.3",
-    "typescript": "^5.7.3"
+    "typescript": "^6.0.3"
   },
   "keywords": [
     "v0",

diff --git a/packages/react/src/components/streaming-message.ts b/packages/react/src/components/streaming-message.ts
@@ -8,7 +8,8 @@ import {
 import { MessageProps } from '../types'
 
 export interface StreamingMessageProps
-  extends Omit<MessageProps, 'content' | 'streaming' | 'isLastMessage'>,
+  extends
+    Omit<MessageProps, 'content' | 'streaming' | 'isLastMessage'>,
     UseStreamingMessageOptions {
   /**
    * The streaming response from v0.chats.create() with responseMode: 'experimental_stream'

diff --git a/packages/react/tsconfig.json b/packages/react/tsconfig.json
@@ -8,7 +8,7 @@
     "allowSyntheticDefaultImports": true,
     "strict": false,
     "forceConsistentCasingInFileNames": true,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,

diff --git a/packages/v0-sdk/package.json b/packages/v0-sdk/package.json
@@ -45,7 +45,7 @@
     "bunchee": "^6.5.2",
     "prettier": "^3.3.3",
     "tsx": "^4.19.2",
-    "typescript": "5.7.3",
+    "typescript": "^6.0.3",
     "vitest": "^3.2.4"
   },
   "engines": {

diff --git a/packages/v0-sdk/tsconfig.json b/packages/v0-sdk/tsconfig.json
@@ -12,7 +12,8 @@
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "forceConsistentCasingInFileNames": true,
-    "resolveJsonModule": true
+    "resolveJsonModule": true,
+    "types": ["node"]
   },
   "include": ["src"],
   "exclude": ["node_modules", "dist", "tests"]