code · pull · Aug 27, 2026 · Aug 26, 2026 · Aug 26, 2026 · Aug 26, 2026
diff --git a/lerna.json b/lerna.json
@@ -15,5 +15,5 @@
       "registry": "https://registry.npmjs.org/"
     }
   },
-  "version": "16.4.0-canary.8"
+  "version": "16.4.0-canary.9"
 }
diff --git a/packages/create-next-app/package.json b/packages/create-next-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-next-app",
-  "version": "16.4.0-canary.8",
+  "version": "16.4.0-canary.9",
   "keywords": [
     "react",
     "next",

diff --git a/packages/devlow-bench/package.json b/packages/devlow-bench/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vercel/devlow-bench",
   "private": true,
-  "version": "16.4.0-canary.8",
+  "version": "16.4.0-canary.9",
   "description": "Benchmarking tool for the developer workflow",
   "repository": {
     "type": "git",

diff --git a/packages/eslint-config-next/package.json b/packages/eslint-config-next/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-config-next",
-  "version": "16.4.0-canary.8",
+  "version": "16.4.0-canary.9",
   "description": "ESLint configuration used by Next.js.",
   "license": "MIT",
   "repository": {
@@ -12,7 +12,7 @@
     "dist"
   ],
   "dependencies": {
-    "@next/eslint-plugin-next": "16.4.0-canary.8",
+    "@next/eslint-plugin-next": "16.4.0-canary.9",
     "eslint-import-resolver-node": "^0.3.6",
     "eslint-import-resolver-typescript": "^3.5.2",
     "eslint-plugin-import": "^2.32.0",

diff --git a/packages/eslint-plugin-internal/package.json b/packages/eslint-plugin-internal/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@next/eslint-plugin-internal",
   "private": true,
-  "version": "16.4.0-canary.8",
+  "version": "16.4.0-canary.9",
   "description": "ESLint plugin for working on Next.js.",
   "exports": {
     ".": "./src/eslint-plugin-internal.js"

diff --git a/packages/eslint-plugin-next/package.json b/packages/eslint-plugin-next/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@next/eslint-plugin-next",
-  "version": "16.4.0-canary.8",
+  "version": "16.4.0-canary.9",
   "description": "ESLint plugin for Next.js.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

diff --git a/packages/font/package.json b/packages/font/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@next/font",
   "private": true,
-  "version": "16.4.0-canary.8",
+  "version": "16.4.0-canary.9",
   "repository": {
     "url": "vercel/next.js",
     "directory": "packages/font"

diff --git a/packages/next-bundle-analyzer/package.json b/packages/next-bundle-analyzer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@next/bundle-analyzer",
-  "version": "16.4.0-canary.8",
+  "version": "16.4.0-canary.9",
   "main": "index.js",
   "types": "index.d.ts",
   "license": "MIT",

diff --git a/packages/next-codemod/package.json b/packages/next-codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@next/codemod",
-  "version": "16.4.0-canary.8",
+  "version": "16.4.0-canary.9",
   "license": "MIT",
   "repository": {
     "type": "git",

diff --git a/packages/next-env/package.json b/packages/next-env/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@next/env",
-  "version": "16.4.0-canary.8",
+  "version": "16.4.0-canary.9",
   "keywords": [
     "react",
     "next",

diff --git a/packages/next-mdx/package.json b/packages/next-mdx/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@next/mdx",
-  "version": "16.4.0-canary.8",
+  "version": "16.4.0-canary.9",
   "main": "index.js",
   "license": "MIT",
   "repository": {

diff --git a/packages/next-playwright/package.json b/packages/next-playwright/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@next/playwright",
-  "version": "16.4.0-canary.8",
+  "version": "16.4.0-canary.9",
   "repository": {
     "url": "vercel/next.js",
     "directory": "packages/next-playwright"

diff --git a/packages/next-plugin-storybook/package.json b/packages/next-plugin-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@next/plugin-storybook",
-  "version": "16.4.0-canary.8",
+  "version": "16.4.0-canary.9",
   "repository": {
     "url": "vercel/next.js",
     "directory": "packages/next-plugin-storybook"

diff --git a/packages/next-polyfill-module/package.json b/packages/next-polyfill-module/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@next/polyfill-module",
-  "version": "16.4.0-canary.8",
+  "version": "16.4.0-canary.9",
   "description": "A standard library polyfill for ES Modules supporting browsers (Edge 16+, Firefox 60+, Chrome 61+, Safari 10.1+)",
   "main": "dist/polyfill-module.js",
   "license": "MIT",

diff --git a/packages/next-polyfill-nomodule/package.json b/packages/next-polyfill-nomodule/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@next/polyfill-nomodule",
-  "version": "16.4.0-canary.8",
+  "version": "16.4.0-canary.9",
   "description": "A polyfill for non-dead, nomodule browsers.",
   "main": "dist/polyfill-nomodule.js",
   "license": "MIT",

diff --git a/packages/next-routing/package.json b/packages/next-routing/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@next/routing",
-  "version": "16.4.0-canary.8",
+  "version": "16.4.0-canary.9",
   "keywords": [
     "react",
     "next",

diff --git a/packages/next-rspack/package.json b/packages/next-rspack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "next-rspack",
-  "version": "16.4.0-canary.8",
+  "version": "16.4.0-canary.9",
   "repository": {
     "url": "vercel/next.js",
     "directory": "packages/next-rspack"

diff --git a/packages/next-swc/package.json b/packages/next-swc/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@next/swc",
-  "version": "16.4.0-canary.8",
+  "version": "16.4.0-canary.9",
   "private": true,
   "files": [
     "native/"

diff --git a/packages/next/package.json b/packages/next/package.json
@@ -1,6 +1,6 @@
 {
   "name": "next",
-  "version": "16.4.0-canary.8",
+  "version": "16.4.0-canary.9",
   "description": "The React Framework",
   "main": "./dist/server/next.js",
   "license": "MIT",
@@ -100,7 +100,7 @@
     ]
   },
   "dependencies": {
-    "@next/env": "16.4.0-canary.8",
+    "@next/env": "16.4.0-canary.9",
     "@swc/helpers": "0.5.23",
     "baseline-browser-mapping": "^2.9.19",
     "caniuse-lite": "^1.0.30001579",
@@ -130,7 +130,7 @@
     }
   },
   "optionalDependencies": {
-    "sharp": "^0.35.3"
+    "sharp": "^0.35.4"
   },
   "devDependencies": {
     "@babel/core": "7.26.10",
@@ -164,11 +164,11 @@
     "@modelcontextprotocol/sdk": "1.18.1",
     "@mswjs/interceptors": "0.42.0",
     "@napi-rs/triples": "1.2.0",
-    "@next/font": "16.4.0-canary.8",
-    "@next/polyfill-module": "16.4.0-canary.8",
-    "@next/polyfill-nomodule": "16.4.0-canary.8",
-    "@next/react-refresh-utils": "16.4.0-canary.8",
-    "@next/swc": "16.4.0-canary.8",
+    "@next/font": "16.4.0-canary.9",
+    "@next/polyfill-module": "16.4.0-canary.9",
+    "@next/polyfill-nomodule": "16.4.0-canary.9",
+    "@next/react-refresh-utils": "16.4.0-canary.9",
+    "@next/swc": "16.4.0-canary.9",
     "@opentelemetry/api": "1.6.0",
     "@playwright/test": "1.61.0",
     "@rspack/core": "1.6.7",

diff --git a/packages/next/src/build/define-env.ts b/packages/next/src/build/define-env.ts
@@ -253,6 +253,9 @@ export function getDefineEnv({
     'process.env.__NEXT_DYNAMIC_ON_HOVER': Boolean(
       config.experimental.dynamicOnHover
     ),
+    'process.env.__NEXT_EXPERIMENTAL_REACT_BROWSER_BAILOUT': Boolean(
+      config.experimental.reactBrowserBailout
+    ),
     'process.env.__NEXT_USE_OFFLINE': Boolean(config.experimental.useOffline),
     'process.env.__NEXT_PREFETCH_INLINING': Boolean(
       config.experimental.prefetchInlining

diff --git a/packages/next/src/build/templates/app-page-runtime.ts b/packages/next/src/build/templates/app-page-runtime.ts
@@ -941,6 +941,9 @@ export function createAppPageEntrypoint({
               prefetchInlining:
                 nextConfig.experimental.prefetchInlining ?? false,
               authInterrupts: Boolean(nextConfig.experimental.authInterrupts),
+              reactBrowserBailout: Boolean(
+                nextConfig.experimental.reactBrowserBailout
+              ),
               serverComponentsHmrCancellation: Boolean(
                 nextConfig.experimental.serverComponentsHmrCancellation
               ),

diff --git a/packages/next/src/build/templates/edge-ssr-app.ts b/packages/next/src/build/templates/edge-ssr-app.ts
@@ -173,6 +173,9 @@ async function requestHandler(
         inlineCss: Boolean(nextConfig.experimental.inlineCss),
         prefetchInlining: nextConfig.experimental.prefetchInlining ?? false,
         authInterrupts: Boolean(nextConfig.experimental.authInterrupts),
+        reactBrowserBailout: Boolean(
+          nextConfig.experimental.reactBrowserBailout
+        ),
         // Edge has no Node response-close signal, so HMR cancellation is a
         // no-op.
         serverComponentsHmrCancellation: false,

diff --git a/packages/next/src/build/webpack-config.ts b/packages/next/src/build/webpack-config.ts
@@ -1822,8 +1822,6 @@ export default async function getBaseWebpackConfig(
                   basePath: config.basePath,
                   assetPrefix: config.assetPrefix,
                   outputHashSalt: config.outputHashSalt,
-                  imgOptDangerouslyAllowAVIF:
-                    config.experimental.imgOptDangerouslyAllowAVIF,
                 },
               },
             ]

diff --git a/packages/next/src/build/webpack/loaders/next-image-loader/blur.ts b/packages/next/src/build/webpack/loaders/next-image-loader/blur.ts
@@ -3,7 +3,7 @@ import { optimizeImage } from '../../../../server/image-optimizer'
 
 const BLUR_IMG_SIZE = 8
 const BLUR_QUALITY = 70
-const VALID_BLUR_EXT = ['jpeg', 'png', 'webp'] // should match other usages
+const VALID_BLUR_EXT = ['jpeg', 'png', 'webp', 'avif'] // should match other usages
 
 export async function getBlurImage(
   content: Buffer,
@@ -13,7 +13,6 @@ export async function getBlurImage(
     basePath,
     outputPath,
     isDev,
-    imgOptDangerouslyAllowAVIF = false,
     tracing = () => ({
       traceFn:
         (fn) =>
@@ -28,7 +27,6 @@ export async function getBlurImage(
     basePath: string
     outputPath: string
     isDev: boolean
-    imgOptDangerouslyAllowAVIF?: boolean
     tracing: (name?: string) => {
       traceFn(fn: Function): any
       traceAsyncFn(fn: Function): any
@@ -39,11 +37,7 @@ export async function getBlurImage(
   let blurWidth: number = 0
   let blurHeight: number = 0
 
-  const isValidBlurExtension =
-    VALID_BLUR_EXT.includes(extension) ||
-    (extension === 'avif' && imgOptDangerouslyAllowAVIF)
-
-  if (isValidBlurExtension && !isAnimated(content)) {
+  if (VALID_BLUR_EXT.includes(extension) && !isAnimated(content)) {
     // Shrink the image's largest dimension
     if (imageSize.width >= imageSize.height) {
       blurWidth = BLUR_IMG_SIZE
@@ -78,7 +72,6 @@ export async function getBlurImage(
           height: blurHeight,
           contentType: `image/${extension}`,
           quality: BLUR_QUALITY,
-          dangerouslyAllowAVIF: imgOptDangerouslyAllowAVIF,
         })
       )
       const blurDataURLSpan = tracing('image-base64-tostring')

diff --git a/packages/next/src/build/webpack/loaders/next-image-loader/index.ts b/packages/next/src/build/webpack/loaders/next-image-loader/index.ts
@@ -11,21 +11,14 @@ interface Options {
   assetPrefix: string
   basePath: string
   outputHashSalt: string
-  imgOptDangerouslyAllowAVIF: boolean
 }
 
 function nextImageLoader(this: any, content: Buffer) {
   const imageLoaderSpan = this.currentTraceSpan.traceChild('next-image-loader')
   return imageLoaderSpan.traceAsyncFn(async () => {
     const options: Options = this.getOptions()
-    const {
-      compilerType,
-      isDev,
-      assetPrefix,
-      basePath,
-      outputHashSalt,
-      imgOptDangerouslyAllowAVIF,
-    } = options
+    const { compilerType, isDev, assetPrefix, basePath, outputHashSalt } =
+      options
     const context = this.rootContext
 
     // Prepend the hash salt to the content for filename hash computation, so
@@ -65,7 +58,6 @@ function nextImageLoader(this: any, content: Buffer) {
       basePath,
       outputPath,
       isDev,
-      imgOptDangerouslyAllowAVIF,
       tracing: imageLoaderSpan.traceChild.bind(imageLoaderSpan),
     })
 

diff --git a/packages/next/src/build/webpack/plugins/flight-manifest-plugin.ts b/packages/next/src/build/webpack/plugins/flight-manifest-plugin.ts
@@ -523,7 +523,7 @@ export class ClientReferenceManifestPlugin {
                   const concatenatedMod = connection.module
                   const concatenatedModId =
                     compilation.chunkGraph.getModuleId(concatenatedMod)
-                  if (concatenatedModId) {
+                  if (concatenatedModId !== null) {
                     recordModule(concatenatedModId, clientEntryMod)
                   }
                 }

diff --git a/packages/next/src/client/legacy/image.tsx b/packages/next/src/client/legacy/image.tsx
@@ -748,7 +748,6 @@ export default function Image({
   }
 
   let staticSrc = ''
-  let isStaticAvif = false
   if (isStaticImport(src)) {
     const staticImageData = isStaticRequire(src) ? src.default : src
 
@@ -761,7 +760,6 @@ export default function Image({
     }
     blurDataURL = blurDataURL || staticImageData.blurDataURL
     staticSrc = staticImageData.src
-    isStaticAvif = /\.avif(?:\?|$)/i.test(staticSrc)
     if (!layout || layout !== 'fill') {
       height = height || staticImageData.height
       width = width || staticImageData.width
@@ -776,12 +774,6 @@ export default function Image({
   }
   src = typeof src === 'string' ? src : staticSrc
 
-  // Generating a blurDataURL requires decoding the source image, so static AVIF
-  // imports do not receive one while AVIF input optimization is disabled.
-  if (isStaticAvif && placeholder === 'blur' && !blurDataURL) {
-    placeholder = 'empty'
-  }
-
   warnOnce(
     `Image with src "${src}" is using next/legacy/image which is deprecated and will be removed in a future version of Next.js.`
   )
@@ -916,7 +908,7 @@ export default function Image({
           )
         }
         if (!blurDataURL) {
-          const VALID_BLUR_EXT = ['jpeg', 'png', 'webp'] // should match next-image-loader
+          const VALID_BLUR_EXT = ['jpeg', 'png', 'webp', 'avif'] // should match next-image-loader
 
           throw new Error(
             `Image with src "${src}" has "placeholder='blur'" property but is missing the "blurDataURL" property.

diff --git a/packages/next/src/export/index.ts b/packages/next/src/export/index.ts
@@ -523,6 +523,7 @@ async function exportAppImpl(
       inlineCss: nextConfig.experimental.inlineCss ?? false,
       prefetchInlining: nextConfig.experimental.prefetchInlining ?? false,
       authInterrupts: !!nextConfig.experimental.authInterrupts,
+      reactBrowserBailout: nextConfig.experimental.reactBrowserBailout ?? false,
       useCacheTimeout: nextConfig.experimental.useCacheTimeout,
       cachedNavigations: nextConfig.experimental.cachedNavigations ?? false,
       maxPostponedStateSizeBytes: parseMaxPostponedStateSize(