Support codemods in @next/upgrade

[LichuAcu]

Suggest using @next/codemods when available

[LichuAcu]

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more

• Support codemods in @next/upgrade #70270 👈
• @next/upgrade package #69935 : 1 other dependent PR (#70205 )
• canary

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @LichuAcu and the rest of your teammates on Graphite

[ijjk]

Stats from current PR

Default Build (Increase detected ⚠️)

General

	vercel/next.js canary	vercel/next.js 09-19-support_codemods_in_next_upgrade	Change
buildDuration	18.1s	21.8s	⚠️ +3.7s
buildDurationCached	8.5s	7.1s	N/A
nodeModulesSize	359 MB	358 MB	N/A
nextStartRea..uration (ms)	428ms	422ms	N/A

Client Bundles (main, webpack)

	vercel/next.js canary	vercel/next.js 09-19-support_codemods_in_next_upgrade	Change
1062.HASH.js gzip	169 B	168 B	N/A
2cd9da90-HASH.js gzip	52.8 kB	52 kB	N/A
5867-HASH.js gzip	42.8 kB	42.5 kB	N/A
8503-HASH.js gzip	5.25 kB	5.25 kB	N/A
framework-HASH.js gzip	56.9 kB	56.9 kB	N/A
main-app-HASH.js gzip	225 B	224 B	N/A
main-HASH.js gzip	32.6 kB	32.6 kB	N/A
webpack-HASH.js gzip	1.71 kB	1.71 kB	N/A
Overall change	0 B	0 B	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	vercel/next.js 09-19-support_codemods_in_next_upgrade	Change
polyfills-HASH.js gzip	39.4 kB	31 kB	N/A
Overall change	0 B	0 B	✓

Client Pages

	vercel/next.js canary	vercel/next.js 09-19-support_codemods_in_next_upgrade	Change
_app-HASH.js gzip	193 B	193 B	✓
_error-HASH.js gzip	191 B	191 B	✓
amp-HASH.js gzip	511 B	510 B	N/A
css-HASH.js gzip	342 B	343 B	N/A
dynamic-HASH.js gzip	1.84 kB	1.84 kB	N/A
edge-ssr-HASH.js gzip	265 B	266 B	N/A
head-HASH.js gzip	362 B	364 B	N/A
hooks-HASH.js gzip	392 B	392 B	✓
image-HASH.js gzip	4.4 kB	4.4 kB	✓
index-HASH.js gzip	268 B	267 B	N/A
link-HASH.js gzip	2.81 kB	2.81 kB	N/A
routerDirect..HASH.js gzip	329 B	327 B	N/A
script-HASH.js gzip	398 B	396 B	N/A
withRouter-HASH.js gzip	325 B	324 B	N/A
1afbb74e6ecf..834.css gzip	106 B	106 B	✓
Overall change	5.28 kB	5.28 kB	✓

Client Build Manifests

	vercel/next.js canary	vercel/next.js 09-19-support_codemods_in_next_upgrade	Change
_buildManifest.js gzip	749 B	749 B	✓
Overall change	749 B	749 B	✓

Rendered Page Sizes

	vercel/next.js canary	vercel/next.js 09-19-support_codemods_in_next_upgrade	Change
index.html gzip	524 B	523 B	N/A
link.html gzip	537 B	538 B	N/A
withRouter.html gzip	520 B	519 B	N/A
Overall change	0 B	0 B	✓

Edge SSR bundle Size Overall increase ⚠️

	vercel/next.js canary	vercel/next.js 09-19-support_codemods_in_next_upgrade	Change
edge-ssr.js gzip	128 kB	128 kB	N/A
page.js gzip	179 kB	180 kB	⚠️ +634 B
Overall change	179 kB	180 kB	⚠️ +634 B

Middleware size

	vercel/next.js canary	vercel/next.js 09-19-support_codemods_in_next_upgrade	Change
middleware-b..fest.js gzip	671 B	668 B	N/A
middleware-r..fest.js gzip	156 B	157 B	N/A
middleware.js gzip	29.8 kB	29.9 kB	N/A
edge-runtime..pack.js gzip	844 B	844 B	✓
Overall change	844 B	844 B	✓

Next Runtimes

	vercel/next.js canary	vercel/next.js 09-19-support_codemods_in_next_upgrade	Change
973-experime...dev.js gzip	322 B	322 B	✓
973.runtime.dev.js gzip	314 B	314 B	✓
app-page-exp...dev.js gzip	318 kB	317 kB	N/A
app-page-exp..prod.js gzip	126 kB	125 kB	N/A
app-page-tur..prod.js gzip	139 kB	139 kB	N/A
app-page-tur..prod.js gzip	134 kB	134 kB	N/A
app-page.run...dev.js gzip	308 kB	305 kB	N/A
app-page.run..prod.js gzip	121 kB	121 kB	N/A
app-route-ex...dev.js gzip	32.1 kB	31.2 kB	N/A
app-route-ex..prod.js gzip	21.7 kB	21.1 kB	N/A
app-route-tu..prod.js gzip	21.7 kB	21.1 kB	N/A
app-route-tu..prod.js gzip	21.5 kB	20.9 kB	N/A
app-route.ru...dev.js gzip	33.7 kB	32.9 kB	N/A
app-route.ru..prod.js gzip	21.5 kB	20.9 kB	N/A
pages-api-tu..prod.js gzip	9.62 kB	9.62 kB	✓
pages-api.ru...dev.js gzip	11.5 kB	11.5 kB	✓
pages-api.ru..prod.js gzip	9.61 kB	9.61 kB	✓
pages-turbo...prod.js gzip	20.8 kB	20.8 kB	N/A
pages.runtim...dev.js gzip	26.4 kB	26.4 kB	N/A
pages.runtim..prod.js gzip	20.8 kB	20.8 kB	N/A
server.runti..prod.js gzip	57.9 kB	57.7 kB	N/A
Overall change	31.3 kB	31.3 kB	✓

build cache Overall increase ⚠️

	vercel/next.js canary	vercel/next.js 09-19-support_codemods_in_next_upgrade	Change
0.pack gzip	1.66 MB	1.65 MB	N/A
index.pack gzip	131 kB	131 kB	⚠️ +220 B
Overall change	131 kB	131 kB	⚠️ +220 B

Diff details

Diff for page.js

Diff too large to display

Diff for middleware.js

Diff too large to display

Diff for edge-ssr.js

Diff too large to display

Diff for image-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [8358],
   {
-    /***/ 8908: /***/ (
+    /***/ 8176: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/image",
         function () {
-          return __webpack_require__(2111);
+          return __webpack_require__(934);
         },
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 6308: /***/ (module, exports, __webpack_require__) => {
+    /***/ 5057: /***/ (module, exports, __webpack_require__) => {
       "use strict";
       /* __next_internal_client_entry_do_not_use__  cjs */
       Object.defineProperty(exports, "__esModule", {
@@ -40,17 +40,17 @@
         __webpack_require__(1955)
       );
       const _head = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(2383)
+        __webpack_require__(7163)
       );
-      const _getimgprops = __webpack_require__(5640);
-      const _imageconfig = __webpack_require__(2758);
-      const _imageconfigcontextsharedruntime = __webpack_require__(899);
-      const _warnonce = __webpack_require__(3878);
-      const _routercontextsharedruntime = __webpack_require__(869);
+      const _getimgprops = __webpack_require__(5447);
+      const _imageconfig = __webpack_require__(1650);
+      const _imageconfigcontextsharedruntime = __webpack_require__(1953);
+      const _warnonce = __webpack_require__(5054);
+      const _routercontextsharedruntime = __webpack_require__(4445);
       const _imageloader = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(6501)
+        __webpack_require__(7406)
       );
-      const _usemergedref = __webpack_require__(3994);
+      const _usemergedref = __webpack_require__(3303);
       // This is replaced by webpack define plugin
       const configEnv = {
         deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
@@ -371,7 +371,7 @@
       /***/
     },
 
-    /***/ 3994: /***/ (module, exports, __webpack_require__) => {
+    /***/ 3303: /***/ (module, exports, __webpack_require__) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -440,7 +440,7 @@
       /***/
     },
 
-    /***/ 5640: /***/ (
+    /***/ 5447: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -456,9 +456,9 @@
           return getImgProps;
         },
       });
-      const _warnonce = __webpack_require__(3878);
-      const _imageblursvg = __webpack_require__(4317);
-      const _imageconfig = __webpack_require__(2758);
+      const _warnonce = __webpack_require__(5054);
+      const _imageblursvg = __webpack_require__(1731);
+      const _imageconfig = __webpack_require__(1650);
       const VALID_LOADING_VALUES =
         /* unused pure expression or super */ null && [
           "lazy",
@@ -830,7 +830,7 @@
       /***/
     },
 
-    /***/ 4317: /***/ (__unused_webpack_module, exports) => {
+    /***/ 1731: /***/ (__unused_webpack_module, exports) => {
       "use strict";
       /**
        * A shared function, used on both client and server, to generate a SVG blur placeholder.
@@ -885,7 +885,7 @@
       /***/
     },
 
-    /***/ 8580: /***/ (
+    /***/ 9833: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -912,10 +912,10 @@
         },
       });
       const _interop_require_default = __webpack_require__(9608);
-      const _getimgprops = __webpack_require__(5640);
-      const _imagecomponent = __webpack_require__(6308);
+      const _getimgprops = __webpack_require__(5447);
+      const _imagecomponent = __webpack_require__(5057);
       const _imageloader = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(6501)
+        __webpack_require__(7406)
       );
       function getImageProps(imgProps) {
         const { props } = (0, _getimgprops.getImgProps)(imgProps, {
@@ -947,7 +947,7 @@
       /***/
     },
 
-    /***/ 6501: /***/ (__unused_webpack_module, exports) => {
+    /***/ 7406: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -982,7 +982,7 @@
       /***/
     },
 
-    /***/ 2111: /***/ (
+    /***/ 934: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -999,8 +999,8 @@
 
       // EXTERNAL MODULE: ./node_modules/.pnpm/react@19.0.0-rc-7771d3a7-20240827/node_modules/react/jsx-runtime.js
       var jsx_runtime = __webpack_require__(5815);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+main-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-7771d3a7-20240827_re_h4bgdqagqtli4q7bnw2ajnn4vm/node_modules/next/image.js
-      var next_image = __webpack_require__(1878);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+diff-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-7771d3a7-20240827_re_qz7eh3ruj3cscolfxbcb265hza/node_modules/next/image.js
+      var next_image = __webpack_require__(7649);
       var image_default = /*#__PURE__*/ __webpack_require__.n(next_image); // CONCATENATED MODULE: ./pages/nextjs.png
       /* harmony default export */ const nextjs = {
         src: "/_next/static/media/nextjs.cae0b805.png",
@@ -1030,12 +1030,12 @@
       /***/
     },
 
-    /***/ 1878: /***/ (
+    /***/ 7649: /***/ (
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) => {
-      module.exports = __webpack_require__(8580);
+      module.exports = __webpack_require__(9833);
 
       /***/
     },
@@ -1045,7 +1045,7 @@
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [2888, 9774, 179], () =>
-      __webpack_exec__(8908)
+      __webpack_exec__(8176)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for 2cd9da90-HASH.js

Diff too large to display

Diff for 5867-HASH.js

Diff too large to display

Diff for main-HASH.js

Diff too large to display

Diff for polyfills-HASH.js

Diff too large to display

Diff for app-page-exp..ntime.dev.js

failed to diff

Diff for app-page-exp..time.prod.js

Diff too large to display

Diff for app-page-tur..time.prod.js

Diff too large to display

Diff for app-page-tur..time.prod.js

Diff too large to display

Diff for app-page.runtime.dev.js

failed to diff

Diff for app-page.runtime.prod.js

Diff too large to display

Diff for app-route-ex..ntime.dev.js

Diff too large to display

Diff for app-route-ex..time.prod.js

Diff too large to display

Diff for app-route-tu..time.prod.js

Diff too large to display

Diff for app-route-tu..time.prod.js

Diff too large to display

Diff for app-route.runtime.dev.js

Diff too large to display

Diff for app-route.ru..time.prod.js

Diff too large to display

Diff for pages-turbo...time.prod.js

@@ -28,5 +28,5 @@ See more info here: https://nextjs.org/docs/messages/gsp-redirect-during-prerend
 To never revalidate, you can set revalidate to \`false\` (only ran once at build-time).
 To revalidate as soon as possible, you can set the value to \`1\`.`);e.revalidate>31536e3&&console.warn(`Warning: A page's revalidate option was set to more than a year for ${n.url}. This may have been done in error.
 To only run getStaticProps at build-time and not revalidate at runtime, you can set \`revalidate\` to \`false\`!`),t=e.revalidate}else throw Error(`A page's revalidate option must be seconds expressed as a natural number for ${n.url}. Mixed numbers, such as '${e.revalidate}', cannot be used.
-Try changing the value to '${Math.ceil(e.revalidate)}' or using \`Math.ceil()\` if you're computing the value.`)}else if(!0===e.revalidate)t=1;else if(!1===e.revalidate||void 0===e.revalidate)t=!1;else throw Error(`A page's revalidate option must be seconds expressed as a natural number. Mixed numbers and strings cannot be used. Received '${JSON.stringify(e.revalidate)}' for ${n.url}`)}else t=!1;if(m.pageProps=Object.assign({},m.pageProps,"props"in e?e.props:void 0),v.revalidate=t,v.pageData=m,v.isNotFound)return new eT(null,{metadata:v})}if(M&&(m.__N_SSP=!0),M&&!ep){let e;let t=!1;try{e=await (0,eo.getTracer)().trace(es.xj.getServerSideProps,{spanName:`getServerSideProps ${a}`,attributes:{"next.route":a}},async()=>M({req:n,res:s,query:i,resolvedUrl:l.resolvedUrl,...ex?{params:F}:void 0,...!1!==h?{draftMode:!0,preview:!0,previewData:h}:void 0,locales:l.locales,locale:l.locale,defaultLocale:l.defaultLocale})),v.revalidate=0}catch(e){throw"object"==typeof e&&null!==e&&"name"in e&&"message"in e&&"ENOENT"===e.code&&delete e.code,e}if(null==e)throw Error(R.Lx);e.props instanceof Promise&&(t=!0);let r=Object.keys(e).filter(e=>"props"!==e&&"redirect"!==e&&"notFound"!==e);if(e.unstable_notFound)throw Error(`unstable_notFound has been renamed to notFound, please update the field to continue. Page: ${a}`);if(e.unstable_redirect)throw Error(`unstable_redirect has been renamed to redirect, please update the field to continue. Page: ${a}`);if(r.length)throw Error(e0("getServerSideProps",r));if("notFound"in e&&e.notFound){if("/404"===a)throw Error('The /404 page can not return notFound in "getStaticProps", please remove it to continue!');return v.isNotFound=!0,new eT(null,{metadata:v})}if("redirect"in e&&"object"==typeof e.redirect&&(e1(e.redirect,n,"getServerSideProps"),e.props={__N_REDIRECT:e.redirect.destination,__N_REDIRECT_STATUS:en(e.redirect)},void 0!==e.redirect.basePath&&(e.props.__N_REDIRECT_BASE_PATH=e.redirect.basePath),v.isRedirect=!0),t&&(e.props=await e.props),(S||ef)&&!$(a,"getServerSideProps",e.props))throw Error("invariant: getServerSideProps did not return valid props. Please report this.");m.pageProps=Object.assign({},m.pageProps,e.props),v.pageData=m}if(D&&!em||v.isRedirect)return new eT(JSON.stringify(m),{metadata:v});if(ep&&(m.pageProps={}),Q(s)&&!em)return new eT(null,{metadata:v});let e4=E;if(eS&&ex){let e;let t=(e=(function(e){let t=/^\/index(\/|$)/.test(e)&&!G(e)?"/index"+e:"/"===e?"/index":U(e);{let{posix:e}=r("path"),n=e.normalize(t);if(n!==t)throw new Z("Requested and resolved page mismatch: "+t+" "+n)}return t})(a).replace(/\\/g,"/")).startsWith("/index/")&&!G(e)?e.slice(6):"/index"!==e?e:"/";t in e4.pages&&(e4={...e4,pages:{...e4.pages,[t]:[...e4.pages[t],...e4.lowPriorityFiles.filter(e=>e.includes("_buildManifest"))]},lowPriorityFiles:e4.lowPriorityFiles.filter(e=>!e.includes("_buildManifest"))})}let e2=({children:e})=>eE?e:(0,y.jsx)("div",{id:"__next",children:e}),e3=async()=>{let e,t;async function r(e){let t=async(t={})=>{if(eJ.err&&L)return e&&e(ea,ed),{html:await eZ((0,y.jsx)(e2,{children:(0,y.jsx)(L,{error:eJ.err})})),head:eN};if(S&&(m.router||m.Component))throw Error("'router' and 'Component' can not be returned in getInitialProps from _app.js https://nextjs.org/docs/messages/cant-override-next-props");let{App:r,Component:n}="function"==typeof t?{App:ea,Component:t(ed)}:{App:t.enhanceApp?t.enhanceApp(ea):ea,Component:t.enhanceComponent?t.enhanceComponent(ed):ed},o=await e(r,n);return await o.allReady,{html:await eu(o),head:eN}},r={...eJ,renderPage:t},n=await X(el,r);if(Q(s)&&!em)return null;if(!n||"string"!=typeof n.html)throw Error(`"${V(el)}.getInitialProps()" should resolve to an object with a "html" prop set with a valid html string`);return{docProps:n,documentCtx:r}}el.__NEXT_BUILTIN_DOCUMENT__;let n=(e,t)=>{let r=e||ea,n=t||ed;return eJ.err&&L?(0,y.jsx)(e2,{children:(0,y.jsx)(L,{error:eJ.err})}):(0,y.jsx)(e2,{children:(0,y.jsx)(eW,{children:eK(r,n,{...m,router:eP})})})},o=async(e,t)=>{let r=n(e,t);return await function({ReactDOMServer:e,element:t,streamOptions:r}){return(0,eo.getTracer)().trace(es.k0.renderToReadableStream,async()=>e.renderToReadableStream(t,r))}({ReactDOMServer:P(),element:r})},a=!!el.getInitialProps,[i,l]=await Promise.all([eZ(eX()),(async()=>{if(a){if(null===(e=await r(o)))return null;let{docProps:t}=e;return t.html}{e={};let t=await o(ea,ed);return await t.allReady,eu(t)}})()]);if(null===l)return null;let{docProps:d}=e||{};return a?(t=d.styles,eN=d.head):(t=eC.styles(),eC.flush()),{contentHTML:i+l,documentElement:e=>(0,y.jsx)(el,{...e,...d}),head:eN,headTags:[],styles:t}};null==(u=(0,eo.getTracer)().getRootSpanAttributes())||u.set("next.route",l.page);let e8=await (0,eo.getTracer)().trace(es.xj.renderDocument,{spanName:`render route (pages) ${l.page}`,attributes:{"next.route":l.page}},async()=>e3());if(!e8)return new eT(null,{metadata:v});let e9=new Set,e6=new Set;for(let e of eI){let t=T[e];t&&(e9.add(t.id),t.files.forEach(e=>{e6.add(e)}))}let e5=ej.hybrid,{assetPrefix:e7,buildId:te,customServer:tt,defaultLocale:tr,disableOptimizedLoading:tn,domainLocales:to,locale:ts,locales:ta,runtimeConfig:ti}=l,tl={__NEXT_DATA__:{props:m,page:a,query:i,buildId:te,assetPrefix:""===e7?void 0:e7,runtimeConfig:ti,nextExport:!0===eG||void 0,autoExport:!0===eS||void 0,isFallback:ep,isExperimentalCompile:ee,dynamicIds:0===e9.size?void 0:Array.from(e9),err:l.err?(p=l.err,S?(g="server",g=p[eV]||"server",{name:p.name,source:g,message:e$()(p.message),stack:p.stack,digest:p.digest}):{name:"Internal Server Error.",message:"500 - Internal Server Error.",statusCode:500}):void 0,gsp:!!N||void 0,gssp:!!M||void 0,customServer:tt,gip:!!ev||void 0,appGip:!eg||void 0,locale:ts,locales:ta,defaultLocale:tr,domainLocales:to,isPreview:!0===f||void 0,notFoundSrcPage:eh&&S?eh:void 0},strictNextHead:l.strictNextHead,buildManifest:e4,docComponentsRendered:{},dangerousAsPath:eP.asPath,canonicalBase:!l.ampPath&&et(n,"didStripLocale")?`${l.canonicalBase||""}/${l.locale}`:l.canonicalBase,ampPath:w,inAmpMode:eE,isDevelopment:!!S,hybridAmp:e5,dynamicImports:Array.from(e6),assetPrefix:e7,unstable_runtimeJS:C.unstable_runtimeJS,unstable_JsPreload:C.unstable_JsPreload,assetQueryString:ei,scriptLoader:eR,locale:ts,disableOptimizedLoading:tn,head:e8.head,headTags:e8.headTags,styles:e8.styles,crossOrigin:l.crossOrigin,optimizeCss:l.optimizeCss,nextConfigOutput:l.nextConfigOutput,nextScriptWorkers:l.nextScriptWorkers,runtime:K,largePageDataBytes:l.largePageDataBytes,nextFontManifest:l.nextFontManifest,experimentalClientTraceMetadata:l.experimental.clientTraceMetadata},td=(0,y.jsx)(A.Provider,{value:ej,children:(0,y.jsx)(Y.Provider,{value:tl,children:e8.documentElement(tl)})}),tu=await (0,eo.getTracer)().trace(es.xj.renderToString,async()=>eZ(td)),[tc,tp]=tu.split("<next-js-internal-body-render-target></next-js-internal-body-render-target>",2),th="";tu.startsWith(eQ)||(th+=eQ),th+=tc,eE&&(th+="<!-- __NEXT_DATA__ -->");let tm=th+e8.contentHTML+tp;return new eT(await o(a,tm,l,{inAmpMode:eE,hybridAmp:e5}),{metadata:v})}let e2=(e,t,r,n,o)=>e4(e,t,r,n,o,o),e3=S().createContext(null);function e8(e){let t=(0,b.useContext)(e3);t&&t(e)}class e9 extends v{constructor(e){super(e),this.components=e.components}render(e,t,r){return e4(e,t,r.page,r.query,r.renderOpts,{App:this.components.App,Document:this.components.Document})}}let e6={contexts:g},e5=e9})(),module.exports=n})();
+Try changing the value to '${Math.ceil(e.revalidate)}' or using \`Math.ceil()\` if you're computing the value.`)}else if(!0===e.revalidate)t=1;else if(!1===e.revalidate||void 0===e.revalidate)t=!1;else throw Error(`A page's revalidate option must be seconds expressed as a natural number. Mixed numbers and strings cannot be used. Received '${JSON.stringify(e.revalidate)}' for ${n.url}`)}else t=!1;if(m.pageProps=Object.assign({},m.pageProps,"props"in e?e.props:void 0),v.revalidate=t,v.pageData=m,v.isNotFound)return new eT(null,{metadata:v})}if(M&&(m.__N_SSP=!0),M&&!ep){let e;let t=!1;try{e=await (0,eo.getTracer)().trace(es.xj.getServerSideProps,{spanName:`getServerSideProps ${a}`,attributes:{"next.route":a}},async()=>M({req:n,res:s,query:i,resolvedUrl:l.resolvedUrl,...ex?{params:F}:void 0,...!1!==h?{draftMode:!0,preview:!0,previewData:h}:void 0,locales:l.locales,locale:l.locale,defaultLocale:l.defaultLocale}))}catch(e){throw"object"==typeof e&&null!==e&&"name"in e&&"message"in e&&"ENOENT"===e.code&&delete e.code,e}if(null==e)throw Error(R.Lx);e.props instanceof Promise&&(t=!0);let r=Object.keys(e).filter(e=>"props"!==e&&"redirect"!==e&&"notFound"!==e);if(e.unstable_notFound)throw Error(`unstable_notFound has been renamed to notFound, please update the field to continue. Page: ${a}`);if(e.unstable_redirect)throw Error(`unstable_redirect has been renamed to redirect, please update the field to continue. Page: ${a}`);if(r.length)throw Error(e0("getServerSideProps",r));if("notFound"in e&&e.notFound){if("/404"===a)throw Error('The /404 page can not return notFound in "getStaticProps", please remove it to continue!');return v.isNotFound=!0,new eT(null,{metadata:v})}if("redirect"in e&&"object"==typeof e.redirect&&(e1(e.redirect,n,"getServerSideProps"),e.props={__N_REDIRECT:e.redirect.destination,__N_REDIRECT_STATUS:en(e.redirect)},void 0!==e.redirect.basePath&&(e.props.__N_REDIRECT_BASE_PATH=e.redirect.basePath),v.isRedirect=!0),t&&(e.props=await e.props),(S||ef)&&!$(a,"getServerSideProps",e.props))throw Error("invariant: getServerSideProps did not return valid props. Please report this.");m.pageProps=Object.assign({},m.pageProps,e.props),v.pageData=m}if(D&&!em||v.isRedirect)return new eT(JSON.stringify(m),{metadata:v});if(ep&&(m.pageProps={}),Q(s)&&!em)return new eT(null,{metadata:v});let e4=E;if(eS&&ex){let e;let t=(e=(function(e){let t=/^\/index(\/|$)/.test(e)&&!G(e)?"/index"+e:"/"===e?"/index":U(e);{let{posix:e}=r("path"),n=e.normalize(t);if(n!==t)throw new Z("Requested and resolved page mismatch: "+t+" "+n)}return t})(a).replace(/\\/g,"/")).startsWith("/index/")&&!G(e)?e.slice(6):"/index"!==e?e:"/";t in e4.pages&&(e4={...e4,pages:{...e4.pages,[t]:[...e4.pages[t],...e4.lowPriorityFiles.filter(e=>e.includes("_buildManifest"))]},lowPriorityFiles:e4.lowPriorityFiles.filter(e=>!e.includes("_buildManifest"))})}let e2=({children:e})=>eE?e:(0,y.jsx)("div",{id:"__next",children:e}),e3=async()=>{let e,t;async function r(e){let t=async(t={})=>{if(eJ.err&&L)return e&&e(ea,ed),{html:await eZ((0,y.jsx)(e2,{children:(0,y.jsx)(L,{error:eJ.err})})),head:eN};if(S&&(m.router||m.Component))throw Error("'router' and 'Component' can not be returned in getInitialProps from _app.js https://nextjs.org/docs/messages/cant-override-next-props");let{App:r,Component:n}="function"==typeof t?{App:ea,Component:t(ed)}:{App:t.enhanceApp?t.enhanceApp(ea):ea,Component:t.enhanceComponent?t.enhanceComponent(ed):ed},o=await e(r,n);return await o.allReady,{html:await eu(o),head:eN}},r={...eJ,renderPage:t},n=await X(el,r);if(Q(s)&&!em)return null;if(!n||"string"!=typeof n.html)throw Error(`"${V(el)}.getInitialProps()" should resolve to an object with a "html" prop set with a valid html string`);return{docProps:n,documentCtx:r}}el.__NEXT_BUILTIN_DOCUMENT__;let n=(e,t)=>{let r=e||ea,n=t||ed;return eJ.err&&L?(0,y.jsx)(e2,{children:(0,y.jsx)(L,{error:eJ.err})}):(0,y.jsx)(e2,{children:(0,y.jsx)(eW,{children:eK(r,n,{...m,router:eP})})})},o=async(e,t)=>{let r=n(e,t);return await function({ReactDOMServer:e,element:t,streamOptions:r}){return(0,eo.getTracer)().trace(es.k0.renderToReadableStream,async()=>e.renderToReadableStream(t,r))}({ReactDOMServer:P(),element:r})},a=!!el.getInitialProps,[i,l]=await Promise.all([eZ(eX()),(async()=>{if(a){if(null===(e=await r(o)))return null;let{docProps:t}=e;return t.html}{e={};let t=await o(ea,ed);return await t.allReady,eu(t)}})()]);if(null===l)return null;let{docProps:d}=e||{};return a?(t=d.styles,eN=d.head):(t=eC.styles(),eC.flush()),{contentHTML:i+l,documentElement:e=>(0,y.jsx)(el,{...e,...d}),head:eN,headTags:[],styles:t}};null==(u=(0,eo.getTracer)().getRootSpanAttributes())||u.set("next.route",l.page);let e8=await (0,eo.getTracer)().trace(es.xj.renderDocument,{spanName:`render route (pages) ${l.page}`,attributes:{"next.route":l.page}},async()=>e3());if(!e8)return new eT(null,{metadata:v});let e9=new Set,e6=new Set;for(let e of eI){let t=T[e];t&&(e9.add(t.id),t.files.forEach(e=>{e6.add(e)}))}let e5=ej.hybrid,{assetPrefix:e7,buildId:te,customServer:tt,defaultLocale:tr,disableOptimizedLoading:tn,domainLocales:to,locale:ts,locales:ta,runtimeConfig:ti}=l,tl={__NEXT_DATA__:{props:m,page:a,query:i,buildId:te,assetPrefix:""===e7?void 0:e7,runtimeConfig:ti,nextExport:!0===eG||void 0,autoExport:!0===eS||void 0,isFallback:ep,isExperimentalCompile:ee,dynamicIds:0===e9.size?void 0:Array.from(e9),err:l.err?(p=l.err,S?(g="server",g=p[eV]||"server",{name:p.name,source:g,message:e$()(p.message),stack:p.stack,digest:p.digest}):{name:"Internal Server Error.",message:"500 - Internal Server Error.",statusCode:500}):void 0,gsp:!!N||void 0,gssp:!!M||void 0,customServer:tt,gip:!!ev||void 0,appGip:!eg||void 0,locale:ts,locales:ta,defaultLocale:tr,domainLocales:to,isPreview:!0===f||void 0,notFoundSrcPage:eh&&S?eh:void 0},strictNextHead:l.strictNextHead,buildManifest:e4,docComponentsRendered:{},dangerousAsPath:eP.asPath,canonicalBase:!l.ampPath&&et(n,"didStripLocale")?`${l.canonicalBase||""}/${l.locale}`:l.canonicalBase,ampPath:w,inAmpMode:eE,isDevelopment:!!S,hybridAmp:e5,dynamicImports:Array.from(e6),assetPrefix:e7,unstable_runtimeJS:C.unstable_runtimeJS,unstable_JsPreload:C.unstable_JsPreload,assetQueryString:ei,scriptLoader:eR,locale:ts,disableOptimizedLoading:tn,head:e8.head,headTags:e8.headTags,styles:e8.styles,crossOrigin:l.crossOrigin,optimizeCss:l.optimizeCss,nextConfigOutput:l.nextConfigOutput,nextScriptWorkers:l.nextScriptWorkers,runtime:K,largePageDataBytes:l.largePageDataBytes,nextFontManifest:l.nextFontManifest,experimentalClientTraceMetadata:l.experimental.clientTraceMetadata},td=(0,y.jsx)(A.Provider,{value:ej,children:(0,y.jsx)(Y.Provider,{value:tl,children:e8.documentElement(tl)})}),tu=await (0,eo.getTracer)().trace(es.xj.renderToString,async()=>eZ(td)),[tc,tp]=tu.split("<next-js-internal-body-render-target></next-js-internal-body-render-target>",2),th="";tu.startsWith(eQ)||(th+=eQ),th+=tc,eE&&(th+="<!-- __NEXT_DATA__ -->");let tm=th+e8.contentHTML+tp;return new eT(await o(a,tm,l,{inAmpMode:eE,hybridAmp:e5}),{metadata:v})}let e2=(e,t,r,n,o)=>e4(e,t,r,n,o,o),e3=S().createContext(null);function e8(e){let t=(0,b.useContext)(e3);t&&t(e)}class e9 extends v{constructor(e){super(e),this.components=e.components}render(e,t,r){return e4(e,t,r.page,r.query,r.renderOpts,{App:this.components.App,Document:this.components.Document})}}let e6={contexts:g},e5=e9})(),module.exports=n})();
 //# sourceMappingURL=pages-turbo.runtime.prod.js.map
\ No newline at end of file

Diff for pages.runtime.dev.js

@@ -30,7 +30,7 @@ To never revalidate, you can set revalidate to \`false\` (only ran once at build
 To revalidate as soon as possible, you can set the value to \`1\`.`);data.revalidate>31536e3&&console.warn(`Warning: A page's revalidate option was set to more than a year for ${req.url}. This may have been done in error.
 To only run getStaticProps at build-time and not revalidate at runtime, you can set \`revalidate\` to \`false\`!`),revalidate=data.revalidate}else throw Error(`A page's revalidate option must be seconds expressed as a natural number for ${req.url}. Mixed numbers, such as '${data.revalidate}', cannot be used.
 Try changing the value to '${Math.ceil(data.revalidate)}' or using \`Math.ceil()\` if you're computing the value.`)}else if(!0===data.revalidate)revalidate=1;else if(!1===data.revalidate||void 0===data.revalidate)revalidate=!1;else throw Error(`A page's revalidate option must be seconds expressed as a natural number. Mixed numbers and strings cannot be used. Received '${JSON.stringify(data.revalidate)}' for ${req.url}`)}else revalidate=!1;if(props.pageProps=Object.assign({},props.pageProps,"props"in data?data.props:void 0),metadata.revalidate=revalidate,metadata.pageData=props,metadata.isNotFound)return new RenderResult(null,{metadata})}if(getServerSideProps&&(props.__N_SSP=!0),getServerSideProps&&!isFallback){let data;let canAccessRes=!0,resOrProxy=res,deferredContent=!1;resOrProxy=new Proxy(res,{get:function(obj,prop){if(!canAccessRes){let message=`You should not access 'res' after getServerSideProps resolves.
-Read more: https://nextjs.org/docs/messages/gssp-no-mutating-res`;if(deferredContent)throw Error(message);warn(message)}return reflect.g.get(obj,prop,res)}});try{data=await (0,tracer_.getTracer)().trace(trace_constants.xj.getServerSideProps,{spanName:`getServerSideProps ${pathname}`,attributes:{"next.route":pathname}},async()=>getServerSideProps({req:req,res:resOrProxy,query,resolvedUrl:renderOpts.resolvedUrl,...pageIsDynamic?{params:params}:void 0,...!1!==previewData?{draftMode:!0,preview:!0,previewData:previewData}:void 0,locales:renderOpts.locales,locale:renderOpts.locale,defaultLocale:renderOpts.defaultLocale})),canAccessRes=!1,metadata.revalidate=0}catch(serverSidePropsError){throw"object"==typeof serverSidePropsError&&null!==serverSidePropsError&&"name"in serverSidePropsError&&"message"in serverSidePropsError&&"ENOENT"===serverSidePropsError.code&&delete serverSidePropsError.code,serverSidePropsError}if(null==data)throw Error(constants.Lx);data.props instanceof Promise&&(deferredContent=!0);let invalidKeys=Object.keys(data).filter(key=>"props"!==key&&"redirect"!==key&&"notFound"!==key);if(data.unstable_notFound)throw Error(`unstable_notFound has been renamed to notFound, please update the field to continue. Page: ${pathname}`);if(data.unstable_redirect)throw Error(`unstable_redirect has been renamed to redirect, please update the field to continue. Page: ${pathname}`);if(invalidKeys.length)throw Error(invalidKeysMsg("getServerSideProps",invalidKeys));if("notFound"in data&&data.notFound){if("/404"===pathname)throw Error('The /404 page can not return notFound in "getStaticProps", please remove it to continue!');return metadata.isNotFound=!0,new RenderResult(null,{metadata})}if("redirect"in data&&"object"==typeof data.redirect&&(checkRedirectValues(data.redirect,req,"getServerSideProps"),data.props={__N_REDIRECT:data.redirect.destination,__N_REDIRECT_STATUS:getRedirectStatus(data.redirect)},void 0!==data.redirect.basePath&&(data.props.__N_REDIRECT_BASE_PATH=data.redirect.basePath),metadata.isRedirect=!0),deferredContent&&(data.props=await data.props),(dev||isBuildTimeSSG)&&!isSerializableProps(pathname,"getServerSideProps",data.props))throw Error("invariant: getServerSideProps did not return valid props. Please report this.");props.pageProps=Object.assign({},props.pageProps,data.props),metadata.pageData=props}if(!isSSG&&!getServerSideProps&&Object.keys((null==props?void 0:props.pageProps)||{}).includes("url")&&console.warn(`The prop \`url\` is a reserved prop in Next.js for legacy reasons and will be overridden on page ${pathname}
+Read more: https://nextjs.org/docs/messages/gssp-no-mutating-res`;if(deferredContent)throw Error(message);warn(message)}return reflect.g.get(obj,prop,res)}});try{data=await (0,tracer_.getTracer)().trace(trace_constants.xj.getServerSideProps,{spanName:`getServerSideProps ${pathname}`,attributes:{"next.route":pathname}},async()=>getServerSideProps({req:req,res:resOrProxy,query,resolvedUrl:renderOpts.resolvedUrl,...pageIsDynamic?{params:params}:void 0,...!1!==previewData?{draftMode:!0,preview:!0,previewData:previewData}:void 0,locales:renderOpts.locales,locale:renderOpts.locale,defaultLocale:renderOpts.defaultLocale})),canAccessRes=!1}catch(serverSidePropsError){throw"object"==typeof serverSidePropsError&&null!==serverSidePropsError&&"name"in serverSidePropsError&&"message"in serverSidePropsError&&"ENOENT"===serverSidePropsError.code&&delete serverSidePropsError.code,serverSidePropsError}if(null==data)throw Error(constants.Lx);data.props instanceof Promise&&(deferredContent=!0);let invalidKeys=Object.keys(data).filter(key=>"props"!==key&&"redirect"!==key&&"notFound"!==key);if(data.unstable_notFound)throw Error(`unstable_notFound has been renamed to notFound, please update the field to continue. Page: ${pathname}`);if(data.unstable_redirect)throw Error(`unstable_redirect has been renamed to redirect, please update the field to continue. Page: ${pathname}`);if(invalidKeys.length)throw Error(invalidKeysMsg("getServerSideProps",invalidKeys));if("notFound"in data&&data.notFound){if("/404"===pathname)throw Error('The /404 page can not return notFound in "getStaticProps", please remove it to continue!');return metadata.isNotFound=!0,new RenderResult(null,{metadata})}if("redirect"in data&&"object"==typeof data.redirect&&(checkRedirectValues(data.redirect,req,"getServerSideProps"),data.props={__N_REDIRECT:data.redirect.destination,__N_REDIRECT_STATUS:getRedirectStatus(data.redirect)},void 0!==data.redirect.basePath&&(data.props.__N_REDIRECT_BASE_PATH=data.redirect.basePath),metadata.isRedirect=!0),deferredContent&&(data.props=await data.props),(dev||isBuildTimeSSG)&&!isSerializableProps(pathname,"getServerSideProps",data.props))throw Error("invariant: getServerSideProps did not return valid props. Please report this.");props.pageProps=Object.assign({},props.pageProps,data.props),metadata.pageData=props}if(!isSSG&&!getServerSideProps&&Object.keys((null==props?void 0:props.pageProps)||{}).includes("url")&&console.warn(`The prop \`url\` is a reserved prop in Next.js for legacy reasons and will be overridden on page ${pathname}
 See more info here: https://nextjs.org/docs/messages/reserved-page-prop`),isNextDataRequest&&!isSSG||metadata.isRedirect)return new RenderResult(JSON.stringify(props),{metadata});if(isFallback&&(props.pageProps={}),isResSent(res)&&!isSSG)return new RenderResult(null,{metadata});let filteredBuildManifest=buildManifest;if(isAutoExport&&pageIsDynamic){let _page;let page=(_page=(function(page){let normalized=/^\/index(\/|$)/.test(page)&&!isDynamicRoute(page)?"/index"+page:"/"===page?"/index":ensureLeadingSlash(page);{let{posix}=__webpack_require__("path"),resolvedPage=posix.normalize(normalized);if(resolvedPage!==normalized)throw new NormalizeError("Requested and resolved page mismatch: "+normalized+" "+resolvedPage)}return normalized})(pathname).replace(/\\/g,"/")).startsWith("/index/")&&!isDynamicRoute(_page)?_page.slice(6):"/index"!==_page?_page:"/";page in filteredBuildManifest.pages&&(filteredBuildManifest={...filteredBuildManifest,pages:{...filteredBuildManifest.pages,[page]:[...filteredBuildManifest.pages[page],...filteredBuildManifest.lowPriorityFiles.filter(f=>f.includes("_buildManifest"))]},lowPriorityFiles:filteredBuildManifest.lowPriorityFiles.filter(f=>!f.includes("_buildManifest"))})}let Body=({children})=>inAmpMode?children:(0,jsx_runtime_namespaceObject.jsx)("div",{id:"__next",children:children}),renderDocument=async()=>{let documentInitialPropsRes,styles;async function loadDocumentInitialProps(renderShell){let renderPage=async(options={})=>{if(ctx.err&&ErrorDebug)return renderShell&&renderShell(App,Component),{html:await renderToString((0,jsx_runtime_namespaceObject.jsx)(Body,{children:(0,jsx_runtime_namespaceObject.jsx)(ErrorDebug,{error:ctx.err})})),head};if(dev&&(props.router||props.Component))throw Error("'router' and 'Component' can not be returned in getInitialProps from _app.js https://nextjs.org/docs/messages/cant-override-next-props");let{App:EnhancedApp,Component:EnhancedComponent}="function"==typeof options?{App:App,Component:options(Component)}:{App:options.enhanceApp?options.enhanceApp(App):App,Component:options.enhanceComponent?options.enhanceComponent(Component):Component},stream=await renderShell(EnhancedApp,EnhancedComponent);return await stream.allReady,{html:await streamToString(stream),head}},documentCtx={...ctx,renderPage},docProps=await loadGetInitialProps(Document,documentCtx);if(isResSent(res)&&!isSSG)return null;if(!docProps||"string"!=typeof docProps.html)throw Error(`"${getDisplayName(Document)}.getInitialProps()" should resolve to an object with a "html" prop set with a valid html string`);return{docProps,documentCtx}}Document.__NEXT_BUILTIN_DOCUMENT__;let renderContent=(_App,_Component)=>{let EnhancedApp=_App||App,EnhancedComponent=_Component||Component;return ctx.err&&ErrorDebug?(0,jsx_runtime_namespaceObject.jsx)(Body,{children:(0,jsx_runtime_namespaceObject.jsx)(ErrorDebug,{error:ctx.err})}):(0,jsx_runtime_namespaceObject.jsx)(Body,{children:(0,jsx_runtime_namespaceObject.jsx)(AppContainerWithIsomorphicFiberStructure,{children:renderPageTree(EnhancedApp,EnhancedComponent,{...props,router})})})},renderShell=async(EnhancedApp,EnhancedComponent)=>{let content=renderContent(EnhancedApp,EnhancedComponent);return await function({ReactDOMServer,element,streamOptions}){return(0,tracer_.getTracer)().trace(trace_constants.k0.renderToReadableStream,async()=>ReactDOMServer.renderToReadableStream(element,streamOptions))}({ReactDOMServer:server_edge_default(),element:content})},hasDocumentGetInitialProps=!!Document.getInitialProps,[rawStyledJsxInsertedHTML,content]=await Promise.all([renderToString(styledJsxInsertedHTML()),(async()=>{if(hasDocumentGetInitialProps){if(null===(documentInitialPropsRes=await loadDocumentInitialProps(renderShell)))return null;let{docProps}=documentInitialPropsRes;return docProps.html}{documentInitialPropsRes={};let stream=await renderShell(App,Component);return await stream.allReady,streamToString(stream)}})()]);if(null===content)return null;let{docProps}=documentInitialPropsRes||{};return hasDocumentGetInitialProps?(styles=docProps.styles,head=docProps.head):(styles=jsxStyleRegistry.styles(),jsxStyleRegistry.flush()),{contentHTML:rawStyledJsxInsertedHTML+content,documentElement:htmlProps=>(0,jsx_runtime_namespaceObject.jsx)(Document,{...htmlProps,...docProps}),head,headTags:[],styles}};null==(_getTracer_getRootSpanAttributes=(0,tracer_.getTracer)().getRootSpanAttributes())||_getTracer_getRootSpanAttributes.set("next.route",renderOpts.page);let documentResult=await (0,tracer_.getTracer)().trace(trace_constants.xj.renderDocument,{spanName:`render route (pages) ${renderOpts.page}`,attributes:{"next.route":renderOpts.page}},async()=>renderDocument());if(!documentResult)return new RenderResult(null,{metadata});let dynamicImportsIds=new Set,dynamicImports=new Set;for(let mod of reactLoadableModules){let manifestItem=reactLoadableManifest[mod];manifestItem&&(dynamicImportsIds.add(manifestItem.id),manifestItem.files.forEach(item=>{dynamicImports.add(item)}))}let hybridAmp=ampState.hybrid,docComponentsRendered={},{assetPrefix,buildId,customServer,defaultLocale,disableOptimizedLoading,domainLocales,locale,locales,runtimeConfig}=renderOpts,htmlProps={__NEXT_DATA__:{props,page:pathname,query,buildId,assetPrefix:""===assetPrefix?void 0:assetPrefix,runtimeConfig,nextExport:!0===nextExport||void 0,autoExport:!0===isAutoExport||void 0,isFallback,isExperimentalCompile,dynamicIds:0===dynamicImportsIds.size?void 0:Array.from(dynamicImportsIds),err:renderOpts.err?(err=renderOpts.err,dev?(source="server",source=err[symbolError]||"server",{name:err.name,source,message:strip_ansi_default()(err.message),stack:err.stack,digest:err.digest}):{name:"Internal Server Error.",message:"500 - Internal Server Error.",statusCode:500}):void 0,gsp:!!getStaticProps||void 0,gssp:!!getServerSideProps||void 0,customServer,gip:!!hasPageGetInitialProps||void 0,appGip:!defaultAppGetInitialProps||void 0,locale,locales,defaultLocale,domainLocales,isPreview:!0===isPreview||void 0,notFoundSrcPage:notFoundSrcPage&&dev?notFoundSrcPage:void 0},strictNextHead:renderOpts.strictNextHead,buildManifest:filteredBuildManifest,docComponentsRendered,dangerousAsPath:router.asPath,canonicalBase:!renderOpts.ampPath&&request_meta_getRequestMeta(req,"didStripLocale")?`${renderOpts.canonicalBase||""}/${renderOpts.locale}`:renderOpts.canonicalBase,ampPath,inAmpMode,isDevelopment:!!dev,hybridAmp,dynamicImports:Array.from(dynamicImports),assetPrefix,unstable_runtimeJS:void 0,unstable_JsPreload:pageConfig.unstable_JsPreload,assetQueryString,scriptLoader,locale,disableOptimizedLoading,head:documentResult.head,headTags:documentResult.headTags,styles:documentResult.styles,crossOrigin:renderOpts.crossOrigin,optimizeCss:renderOpts.optimizeCss,nextConfigOutput:renderOpts.nextConfigOutput,nextScriptWorkers:renderOpts.nextScriptWorkers,runtime:globalRuntime,largePageDataBytes:renderOpts.largePageDataBytes,nextFontManifest:renderOpts.nextFontManifest,experimentalClientTraceMetadata:renderOpts.experimental.clientTraceMetadata},document=(0,jsx_runtime_namespaceObject.jsx)(amp_context_shared_runtime_AmpStateContext.Provider,{value:ampState,children:(0,jsx_runtime_namespaceObject.jsx)(HtmlContext.Provider,{value:htmlProps,children:documentResult.documentElement(htmlProps)})}),documentHTML=await (0,tracer_.getTracer)().trace(trace_constants.xj.renderToString,async()=>renderToString(document));{let nonRenderedComponents=[];for(let comp of["Main","Head","NextScript","Html"])docComponentsRendered[comp]||nonRenderedComponents.push(comp);if(nonRenderedComponents.length){let missingComponentList=nonRenderedComponents.map(e=>`<${e} />`).join(", "),plural=1!==nonRenderedComponents.length?"s":"";console.warn(`Your custom Document (pages/_document) did not render all the required subcomponent${plural}.
 Missing component${plural}: ${missingComponentList}
 Read how to fix here: https://nextjs.org/docs/messages/missing-document-component`)}}let[renderTargetPrefix,renderTargetSuffix]=documentHTML.split("<next-js-internal-body-render-target></next-js-internal-body-render-target>",2),prefix="";documentHTML.startsWith(DOCTYPE)||(prefix+=DOCTYPE),prefix+=renderTargetPrefix,inAmpMode&&(prefix+="<!-- __NEXT_DATA__ -->");let content=prefix+documentResult.contentHTML+renderTargetSuffix;return new RenderResult(await postProcessHTML(pathname,content,renderOpts,{inAmpMode,hybridAmp}),{metadata})}let renderToHTML=(req,res,pathname,query,renderOpts)=>renderToHTMLImpl(req,res,pathname,query,renderOpts,renderOpts),ServerInsertedHTMLContext=external_react_default().createContext(null);function useServerInsertedHTML(callback){let addInsertedServerHTMLCallback=(0,external_react_namespaceObject.useContext)(ServerInsertedHTMLContext);addInsertedServerHTMLCallback&&addInsertedServerHTMLCallback(callback)}class PagesRouteModule extends RouteModule{constructor(options){super(options),this.components=options.components}render(req,res,context){return renderToHTMLImpl(req,res,context.page,context.query,context.renderOpts,{App:this.components.App,Document:this.components.Document})}}let vendored={contexts:entrypoints_namespaceObject},pages_module=PagesRouteModule})(),module.exports=__webpack_exports__})();

Diff for pages.runtime.prod.js

@@ -28,5 +28,5 @@ See more info here: https://nextjs.org/docs/messages/gsp-redirect-during-prerend
 To never revalidate, you can set revalidate to \`false\` (only ran once at build-time).
 To revalidate as soon as possible, you can set the value to \`1\`.`);e.revalidate>31536e3&&console.warn(`Warning: A page's revalidate option was set to more than a year for ${n.url}. This may have been done in error.
 To only run getStaticProps at build-time and not revalidate at runtime, you can set \`revalidate\` to \`false\`!`),t=e.revalidate}else throw Error(`A page's revalidate option must be seconds expressed as a natural number for ${n.url}. Mixed numbers, such as '${e.revalidate}', cannot be used.
-Try changing the value to '${Math.ceil(e.revalidate)}' or using \`Math.ceil()\` if you're computing the value.`)}else if(!0===e.revalidate)t=1;else if(!1===e.revalidate||void 0===e.revalidate)t=!1;else throw Error(`A page's revalidate option must be seconds expressed as a natural number. Mixed numbers and strings cannot be used. Received '${JSON.stringify(e.revalidate)}' for ${n.url}`)}else t=!1;if(m.pageProps=Object.assign({},m.pageProps,"props"in e?e.props:void 0),v.revalidate=t,v.pageData=m,v.isNotFound)return new eT(null,{metadata:v})}if(M&&(m.__N_SSP=!0),M&&!ep){let e;let t=!1;try{e=await (0,eo.getTracer)().trace(es.xj.getServerSideProps,{spanName:`getServerSideProps ${a}`,attributes:{"next.route":a}},async()=>M({req:n,res:s,query:i,resolvedUrl:l.resolvedUrl,...ex?{params:F}:void 0,...!1!==h?{draftMode:!0,preview:!0,previewData:h}:void 0,locales:l.locales,locale:l.locale,defaultLocale:l.defaultLocale})),v.revalidate=0}catch(e){throw"object"==typeof e&&null!==e&&"name"in e&&"message"in e&&"ENOENT"===e.code&&delete e.code,e}if(null==e)throw Error(R.Lx);e.props instanceof Promise&&(t=!0);let r=Object.keys(e).filter(e=>"props"!==e&&"redirect"!==e&&"notFound"!==e);if(e.unstable_notFound)throw Error(`unstable_notFound has been renamed to notFound, please update the field to continue. Page: ${a}`);if(e.unstable_redirect)throw Error(`unstable_redirect has been renamed to redirect, please update the field to continue. Page: ${a}`);if(r.length)throw Error(e0("getServerSideProps",r));if("notFound"in e&&e.notFound){if("/404"===a)throw Error('The /404 page can not return notFound in "getStaticProps", please remove it to continue!');return v.isNotFound=!0,new eT(null,{metadata:v})}if("redirect"in e&&"object"==typeof e.redirect&&(e1(e.redirect,n,"getServerSideProps"),e.props={__N_REDIRECT:e.redirect.destination,__N_REDIRECT_STATUS:en(e.redirect)},void 0!==e.redirect.basePath&&(e.props.__N_REDIRECT_BASE_PATH=e.redirect.basePath),v.isRedirect=!0),t&&(e.props=await e.props),(S||ef)&&!$(a,"getServerSideProps",e.props))throw Error("invariant: getServerSideProps did not return valid props. Please report this.");m.pageProps=Object.assign({},m.pageProps,e.props),v.pageData=m}if(D&&!em||v.isRedirect)return new eT(JSON.stringify(m),{metadata:v});if(ep&&(m.pageProps={}),Q(s)&&!em)return new eT(null,{metadata:v});let e4=E;if(eS&&ex){let e;let t=(e=(function(e){let t=/^\/index(\/|$)/.test(e)&&!G(e)?"/index"+e:"/"===e?"/index":U(e);{let{posix:e}=r("path"),n=e.normalize(t);if(n!==t)throw new Z("Requested and resolved page mismatch: "+t+" "+n)}return t})(a).replace(/\\/g,"/")).startsWith("/index/")&&!G(e)?e.slice(6):"/index"!==e?e:"/";t in e4.pages&&(e4={...e4,pages:{...e4.pages,[t]:[...e4.pages[t],...e4.lowPriorityFiles.filter(e=>e.includes("_buildManifest"))]},lowPriorityFiles:e4.lowPriorityFiles.filter(e=>!e.includes("_buildManifest"))})}let e2=({children:e})=>eE?e:(0,y.jsx)("div",{id:"__next",children:e}),e3=async()=>{let e,t;async function r(e){let t=async(t={})=>{if(eJ.err&&L)return e&&e(ea,ed),{html:await eZ((0,y.jsx)(e2,{children:(0,y.jsx)(L,{error:eJ.err})})),head:eN};if(S&&(m.router||m.Component))throw Error("'router' and 'Component' can not be returned in getInitialProps from _app.js https://nextjs.org/docs/messages/cant-override-next-props");let{App:r,Component:n}="function"==typeof t?{App:ea,Component:t(ed)}:{App:t.enhanceApp?t.enhanceApp(ea):ea,Component:t.enhanceComponent?t.enhanceComponent(ed):ed},o=await e(r,n);return await o.allReady,{html:await eu(o),head:eN}},r={...eJ,renderPage:t},n=await X(el,r);if(Q(s)&&!em)return null;if(!n||"string"!=typeof n.html)throw Error(`"${V(el)}.getInitialProps()" should resolve to an object with a "html" prop set with a valid html string`);return{docProps:n,documentCtx:r}}el.__NEXT_BUILTIN_DOCUMENT__;let n=(e,t)=>{let r=e||ea,n=t||ed;return eJ.err&&L?(0,y.jsx)(e2,{children:(0,y.jsx)(L,{error:eJ.err})}):(0,y.jsx)(e2,{children:(0,y.jsx)(eW,{children:eK(r,n,{...m,router:eP})})})},o=async(e,t)=>{let r=n(e,t);return await function({ReactDOMServer:e,element:t,streamOptions:r}){return(0,eo.getTracer)().trace(es.k0.renderToReadableStream,async()=>e.renderToReadableStream(t,r))}({ReactDOMServer:P(),element:r})},a=!!el.getInitialProps,[i,l]=await Promise.all([eZ(eX()),(async()=>{if(a){if(null===(e=await r(o)))return null;let{docProps:t}=e;return t.html}{e={};let t=await o(ea,ed);return await t.allReady,eu(t)}})()]);if(null===l)return null;let{docProps:d}=e||{};return a?(t=d.styles,eN=d.head):(t=eC.styles(),eC.flush()),{contentHTML:i+l,documentElement:e=>(0,y.jsx)(el,{...e,...d}),head:eN,headTags:[],styles:t}};null==(u=(0,eo.getTracer)().getRootSpanAttributes())||u.set("next.route",l.page);let e8=await (0,eo.getTracer)().trace(es.xj.renderDocument,{spanName:`render route (pages) ${l.page}`,attributes:{"next.route":l.page}},async()=>e3());if(!e8)return new eT(null,{metadata:v});let e9=new Set,e6=new Set;for(let e of eI){let t=T[e];t&&(e9.add(t.id),t.files.forEach(e=>{e6.add(e)}))}let e5=ej.hybrid,{assetPrefix:e7,buildId:te,customServer:tt,defaultLocale:tr,disableOptimizedLoading:tn,domainLocales:to,locale:ts,locales:ta,runtimeConfig:ti}=l,tl={__NEXT_DATA__:{props:m,page:a,query:i,buildId:te,assetPrefix:""===e7?void 0:e7,runtimeConfig:ti,nextExport:!0===eG||void 0,autoExport:!0===eS||void 0,isFallback:ep,isExperimentalCompile:ee,dynamicIds:0===e9.size?void 0:Array.from(e9),err:l.err?(p=l.err,S?(g="server",g=p[eV]||"server",{name:p.name,source:g,message:e$()(p.message),stack:p.stack,digest:p.digest}):{name:"Internal Server Error.",message:"500 - Internal Server Error.",statusCode:500}):void 0,gsp:!!N||void 0,gssp:!!M||void 0,customServer:tt,gip:!!ev||void 0,appGip:!eg||void 0,locale:ts,locales:ta,defaultLocale:tr,domainLocales:to,isPreview:!0===f||void 0,notFoundSrcPage:eh&&S?eh:void 0},strictNextHead:l.strictNextHead,buildManifest:e4,docComponentsRendered:{},dangerousAsPath:eP.asPath,canonicalBase:!l.ampPath&&et(n,"didStripLocale")?`${l.canonicalBase||""}/${l.locale}`:l.canonicalBase,ampPath:w,inAmpMode:eE,isDevelopment:!!S,hybridAmp:e5,dynamicImports:Array.from(e6),assetPrefix:e7,unstable_runtimeJS:C.unstable_runtimeJS,unstable_JsPreload:C.unstable_JsPreload,assetQueryString:ei,scriptLoader:eR,locale:ts,disableOptimizedLoading:tn,head:e8.head,headTags:e8.headTags,styles:e8.styles,crossOrigin:l.crossOrigin,optimizeCss:l.optimizeCss,nextConfigOutput:l.nextConfigOutput,nextScriptWorkers:l.nextScriptWorkers,runtime:K,largePageDataBytes:l.largePageDataBytes,nextFontManifest:l.nextFontManifest,experimentalClientTraceMetadata:l.experimental.clientTraceMetadata},td=(0,y.jsx)(A.Provider,{value:ej,children:(0,y.jsx)(Y.Provider,{value:tl,children:e8.documentElement(tl)})}),tu=await (0,eo.getTracer)().trace(es.xj.renderToString,async()=>eZ(td)),[tc,tp]=tu.split("<next-js-internal-body-render-target></next-js-internal-body-render-target>",2),th="";tu.startsWith(eQ)||(th+=eQ),th+=tc,eE&&(th+="<!-- __NEXT_DATA__ -->");let tm=th+e8.contentHTML+tp;return new eT(await o(a,tm,l,{inAmpMode:eE,hybridAmp:e5}),{metadata:v})}let e2=(e,t,r,n,o)=>e4(e,t,r,n,o,o),e3=S().createContext(null);function e8(e){let t=(0,b.useContext)(e3);t&&t(e)}class e9 extends v{constructor(e){super(e),this.components=e.components}render(e,t,r){return e4(e,t,r.page,r.query,r.renderOpts,{App:this.components.App,Document:this.components.Document})}}let e6={contexts:g},e5=e9})(),module.exports=n})();
+Try changing the value to '${Math.ceil(e.revalidate)}' or using \`Math.ceil()\` if you're computing the value.`)}else if(!0===e.revalidate)t=1;else if(!1===e.revalidate||void 0===e.revalidate)t=!1;else throw Error(`A page's revalidate option must be seconds expressed as a natural number. Mixed numbers and strings cannot be used. Received '${JSON.stringify(e.revalidate)}' for ${n.url}`)}else t=!1;if(m.pageProps=Object.assign({},m.pageProps,"props"in e?e.props:void 0),v.revalidate=t,v.pageData=m,v.isNotFound)return new eT(null,{metadata:v})}if(M&&(m.__N_SSP=!0),M&&!ep){let e;let t=!1;try{e=await (0,eo.getTracer)().trace(es.xj.getServerSideProps,{spanName:`getServerSideProps ${a}`,attributes:{"next.route":a}},async()=>M({req:n,res:s,query:i,resolvedUrl:l.resolvedUrl,...ex?{params:F}:void 0,...!1!==h?{draftMode:!0,preview:!0,previewData:h}:void 0,locales:l.locales,locale:l.locale,defaultLocale:l.defaultLocale}))}catch(e){throw"object"==typeof e&&null!==e&&"name"in e&&"message"in e&&"ENOENT"===e.code&&delete e.code,e}if(null==e)throw Error(R.Lx);e.props instanceof Promise&&(t=!0);let r=Object.keys(e).filter(e=>"props"!==e&&"redirect"!==e&&"notFound"!==e);if(e.unstable_notFound)throw Error(`unstable_notFound has been renamed to notFound, please update the field to continue. Page: ${a}`);if(e.unstable_redirect)throw Error(`unstable_redirect has been renamed to redirect, please update the field to continue. Page: ${a}`);if(r.length)throw Error(e0("getServerSideProps",r));if("notFound"in e&&e.notFound){if("/404"===a)throw Error('The /404 page can not return notFound in "getStaticProps", please remove it to continue!');return v.isNotFound=!0,new eT(null,{metadata:v})}if("redirect"in e&&"object"==typeof e.redirect&&(e1(e.redirect,n,"getServerSideProps"),e.props={__N_REDIRECT:e.redirect.destination,__N_REDIRECT_STATUS:en(e.redirect)},void 0!==e.redirect.basePath&&(e.props.__N_REDIRECT_BASE_PATH=e.redirect.basePath),v.isRedirect=!0),t&&(e.props=await e.props),(S||ef)&&!$(a,"getServerSideProps",e.props))throw Error("invariant: getServerSideProps did not return valid props. Please report this.");m.pageProps=Object.assign({},m.pageProps,e.props),v.pageData=m}if(D&&!em||v.isRedirect)return new eT(JSON.stringify(m),{metadata:v});if(ep&&(m.pageProps={}),Q(s)&&!em)return new eT(null,{metadata:v});let e4=E;if(eS&&ex){let e;let t=(e=(function(e){let t=/^\/index(\/|$)/.test(e)&&!G(e)?"/index"+e:"/"===e?"/index":U(e);{let{posix:e}=r("path"),n=e.normalize(t);if(n!==t)throw new Z("Requested and resolved page mismatch: "+t+" "+n)}return t})(a).replace(/\\/g,"/")).startsWith("/index/")&&!G(e)?e.slice(6):"/index"!==e?e:"/";t in e4.pages&&(e4={...e4,pages:{...e4.pages,[t]:[...e4.pages[t],...e4.lowPriorityFiles.filter(e=>e.includes("_buildManifest"))]},lowPriorityFiles:e4.lowPriorityFiles.filter(e=>!e.includes("_buildManifest"))})}let e2=({children:e})=>eE?e:(0,y.jsx)("div",{id:"__next",children:e}),e3=async()=>{let e,t;async function r(e){let t=async(t={})=>{if(eJ.err&&L)return e&&e(ea,ed),{html:await eZ((0,y.jsx)(e2,{children:(0,y.jsx)(L,{error:eJ.err})})),head:eN};if(S&&(m.router||m.Component))throw Error("'router' and 'Component' can not be returned in getInitialProps from _app.js https://nextjs.org/docs/messages/cant-override-next-props");let{App:r,Component:n}="function"==typeof t?{App:ea,Component:t(ed)}:{App:t.enhanceApp?t.enhanceApp(ea):ea,Component:t.enhanceComponent?t.enhanceComponent(ed):ed},o=await e(r,n);return await o.allReady,{html:await eu(o),head:eN}},r={...eJ,renderPage:t},n=await X(el,r);if(Q(s)&&!em)return null;if(!n||"string"!=typeof n.html)throw Error(`"${V(el)}.getInitialProps()" should resolve to an object with a "html" prop set with a valid html string`);return{docProps:n,documentCtx:r}}el.__NEXT_BUILTIN_DOCUMENT__;let n=(e,t)=>{let r=e||ea,n=t||ed;return eJ.err&&L?(0,y.jsx)(e2,{children:(0,y.jsx)(L,{error:eJ.err})}):(0,y.jsx)(e2,{children:(0,y.jsx)(eW,{children:eK(r,n,{...m,router:eP})})})},o=async(e,t)=>{let r=n(e,t);return await function({ReactDOMServer:e,element:t,streamOptions:r}){return(0,eo.getTracer)().trace(es.k0.renderToReadableStream,async()=>e.renderToReadableStream(t,r))}({ReactDOMServer:P(),element:r})},a=!!el.getInitialProps,[i,l]=await Promise.all([eZ(eX()),(async()=>{if(a){if(null===(e=await r(o)))return null;let{docProps:t}=e;return t.html}{e={};let t=await o(ea,ed);return await t.allReady,eu(t)}})()]);if(null===l)return null;let{docProps:d}=e||{};return a?(t=d.styles,eN=d.head):(t=eC.styles(),eC.flush()),{contentHTML:i+l,documentElement:e=>(0,y.jsx)(el,{...e,...d}),head:eN,headTags:[],styles:t}};null==(u=(0,eo.getTracer)().getRootSpanAttributes())||u.set("next.route",l.page);let e8=await (0,eo.getTracer)().trace(es.xj.renderDocument,{spanName:`render route (pages) ${l.page}`,attributes:{"next.route":l.page}},async()=>e3());if(!e8)return new eT(null,{metadata:v});let e9=new Set,e6=new Set;for(let e of eI){let t=T[e];t&&(e9.add(t.id),t.files.forEach(e=>{e6.add(e)}))}let e5=ej.hybrid,{assetPrefix:e7,buildId:te,customServer:tt,defaultLocale:tr,disableOptimizedLoading:tn,domainLocales:to,locale:ts,locales:ta,runtimeConfig:ti}=l,tl={__NEXT_DATA__:{props:m,page:a,query:i,buildId:te,assetPrefix:""===e7?void 0:e7,runtimeConfig:ti,nextExport:!0===eG||void 0,autoExport:!0===eS||void 0,isFallback:ep,isExperimentalCompile:ee,dynamicIds:0===e9.size?void 0:Array.from(e9),err:l.err?(p=l.err,S?(g="server",g=p[eV]||"server",{name:p.name,source:g,message:e$()(p.message),stack:p.stack,digest:p.digest}):{name:"Internal Server Error.",message:"500 - Internal Server Error.",statusCode:500}):void 0,gsp:!!N||void 0,gssp:!!M||void 0,customServer:tt,gip:!!ev||void 0,appGip:!eg||void 0,locale:ts,locales:ta,defaultLocale:tr,domainLocales:to,isPreview:!0===f||void 0,notFoundSrcPage:eh&&S?eh:void 0},strictNextHead:l.strictNextHead,buildManifest:e4,docComponentsRendered:{},dangerousAsPath:eP.asPath,canonicalBase:!l.ampPath&&et(n,"didStripLocale")?`${l.canonicalBase||""}/${l.locale}`:l.canonicalBase,ampPath:w,inAmpMode:eE,isDevelopment:!!S,hybridAmp:e5,dynamicImports:Array.from(e6),assetPrefix:e7,unstable_runtimeJS:C.unstable_runtimeJS,unstable_JsPreload:C.unstable_JsPreload,assetQueryString:ei,scriptLoader:eR,locale:ts,disableOptimizedLoading:tn,head:e8.head,headTags:e8.headTags,styles:e8.styles,crossOrigin:l.crossOrigin,optimizeCss:l.optimizeCss,nextConfigOutput:l.nextConfigOutput,nextScriptWorkers:l.nextScriptWorkers,runtime:K,largePageDataBytes:l.largePageDataBytes,nextFontManifest:l.nextFontManifest,experimentalClientTraceMetadata:l.experimental.clientTraceMetadata},td=(0,y.jsx)(A.Provider,{value:ej,children:(0,y.jsx)(Y.Provider,{value:tl,children:e8.documentElement(tl)})}),tu=await (0,eo.getTracer)().trace(es.xj.renderToString,async()=>eZ(td)),[tc,tp]=tu.split("<next-js-internal-body-render-target></next-js-internal-body-render-target>",2),th="";tu.startsWith(eQ)||(th+=eQ),th+=tc,eE&&(th+="<!-- __NEXT_DATA__ -->");let tm=th+e8.contentHTML+tp;return new eT(await o(a,tm,l,{inAmpMode:eE,hybridAmp:e5}),{metadata:v})}let e2=(e,t,r,n,o)=>e4(e,t,r,n,o,o),e3=S().createContext(null);function e8(e){let t=(0,b.useContext)(e3);t&&t(e)}class e9 extends v{constructor(e){super(e),this.components=e.components}render(e,t,r){return e4(e,t,r.page,r.query,r.renderOpts,{App:this.components.App,Document:this.components.Document})}}let e6={contexts:g},e5=e9})(),module.exports=n})();
 //# sourceMappingURL=pages.runtime.prod.js.map
\ No newline at end of file

Diff for server.runtime.prod.js

Diff too large to display

Commit: 99b9447

[ijjk]

Failing test suites

Commit: 99b9447

TURBOPACK=1 pnpm test-dev test/development/middleware-errors/index.test.ts (turbopack)

• middleware - development errors > when there is a compilation error after boot > logs the error correctly

Expand output

● middleware - development errors › when there is a compilation error after boot › logs the error correctly

TIMED OUT: success

undefined

Error: expect(received).toContain(expected) // indexOf

Expected substring: "Expected '{', got '}'"
Received string:    "  ▲ Next.js 15.0.0-canary.148 (turbo)
  - Local:        http://localhost:44815·
 ✓ Starting...
Creating turbopack project {
  dir: '/tmp/next-install-0ee47faa543208d5cbce1067e6894082d4b9606bf38d88eb4e3f3a8d2519a214',
  testMode: true
}
 ✓ Compiled in 143ms
 ✓ Ready in 741ms
 ✓ Compiled in 1ms
 ○ Compiling middleware ...
 ✓ Compiled middleware in 913ms
 ✓ Compiled /_error in 115ms
 GET / 500 in 1185ms
"

  718 |
  719 |   if (hardError) {
> 720 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  721 |   }
  722 |   return false
  723 | }

  at check (lib/next-test-utils.ts:720:11)
  at Object.<anonymous> (development/middleware-errors/index.test.ts:294:7)

Read more about building and testing Next.js in contributing.md.