Upgrade React from b0c1dc01-20250925 to 8bb7241f-20250926

[nextjs-bot]

diff facebook/[email protected]

React upstream changes

• Bump useEffectEvent to Canary facebook/react#34610
• [DevTools] Only show Suspense rects matching "unique-suspenders-only" filter facebook/react#34607
• [DevTools] Track Server Environment Names of Each SuspenseNode facebook/react#34605
• [DevTools] Disable the tree list for now facebook/react#34606
• [Flight] Preload <img> and <link> using hints before they're rendered facebook/react#34604
• [playground] Fix useEffect on tabify facebook/react#34594

[ijjk]

Failing test suites

Commit: 85f637a | About building and testing Next.js

pnpm test-dev-turbo test/development/app-dir/devtool-copy-button/devtool-copy-button.test.ts (turbopack)

• app-dir - devtool-copy-button > should has inspect url copy button (DD)

Expand output

● app-dir - devtool-copy-button › should has inspect url copy button

page.waitForSelector: Timeout 5000ms exceeded.
Call log:
  - waiting for locator('[data-nextjs-data-runtime-error-copy-devtools-url]') to be visible

  511 |
  512 |     return this.startChain(async () => {
> 513 |       const el = await page.waitForSelector(selector, {
      |                             ^
  514 |         timeout,
  515 |         state,
  516 |       })

  at waitForSelector (lib/browsers/playwright.ts:513:29)
  at Playwright._chain (lib/browsers/playwright.ts:643:23)
  at Playwright._chain [as startChain] (lib/browsers/playwright.ts:624:17)
  at Playwright.startChain [as waitForElementByCss] (lib/browsers/playwright.ts:512:17)
  at Playwright.waitForElementByCss [as elementByCss] (lib/browsers/playwright.ts:397:17)
  at Object.elementByCss (development/app-dir/devtool-copy-button/devtool-copy-button.test.ts:16:10)
  at Proxy._chain (lib/browsers/playwright.ts:643:23)
  at Proxy._chain (lib/browsers/playwright.ts:619:17)
  at Proxy.continueChain (lib/browsers/playwright.ts:447:17)
  at Object.getAttribute (development/app-dir/devtool-copy-button/devtool-copy-button.test.ts:17:10)

pnpm test-dev-turbo test/development/acceptance-app/editor-links.test.ts (turbopack)

• Error overlay - editor links > should be possible to open source file on build error (DD)

Expand output

● Error overlay - editor links › should be possible to open source file on build error

expect(received).toBe(expected) // Object.is equality

Expected: true
Received: false

  78 |         )
  79 |       })
> 80 |       expect(loaded).toBe(true)
     |                      ^
  81 |     })
  82 |
  83 |     await session.assertHasRedbox()

  at toBe (development/acceptance-app/editor-links.test.ts:80:22)
  at retry (lib/next-test-utils.ts:828:14)
  at Object.<anonymous> (development/acceptance-app/editor-links.test.ts:70:5)

pnpm test-dev-turbo test/development/acceptance-app/ReactRefreshLogBoxMisc.test.ts (turbopack)

• ReactRefreshLogBox app > server-side only compilation errors (DD)

Expand output

● ReactRefreshLogBox app › server-side only compilation errors

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `ReactRefreshLogBox app server-side only compilation errors 1`

- Snapshot  - 10
+ Received  +  1

- {
-   "description": "Ecmascript file had an error",
-   "environmentLabel": null,
-   "label": "Build Error",
-   "source": "./app/page.js (3:23)
- Ecmascript file had an error
- > 3 | export async function getStaticProps() {
-     |                       ^^^^^^^^^^^^^^",
-   "stack": [],
- }
+ "Expected Redbox but found no visible one."

  34 |
  35 |     if (isTurbopack) {
> 36 |       await expect(browser).toDisplayRedbox(`
     |                             ^
  37 |        {
  38 |          "description": "Ecmascript file had an error",
  39 |          "environmentLabel": null,

  at Object.toDisplayRedbox (development/acceptance-app/ReactRefreshLogBoxMisc.test.ts:36:29)

pnpm test-dev-experimental test/development/app-dir/hmr-deleted-page/hmr-deleted-page.test.ts(Experimental)

• hmr-deleted-page > should not show errors for a deleted page (DD)

Expand output

● hmr-deleted-page › should not show errors for a deleted page

Expected Redbox but found no visible one.

  20 |     await waitForHydration(browser)
  21 |
> 22 |     await assertHasRedbox(browser)
     |     ^
  23 |
  24 |     await next.deleteFile('app/page')
  25 |     await waitForHydration(browser)

  at Object.<anonymous> (development/app-dir/hmr-deleted-page/hmr-deleted-page.test.ts:22:5)

pnpm test test/integration/next-image-new/invalid-image-import/test/index.test.ts

• Missing Import Image Tests > development mode > should show error (DD)

Expand output

● Missing Import Image Tests › development mode › should show error

Expected Redbox but found no visible one.

  23 |     if (isDev) {
  24 |       const browser = await webdriver(appPort, '/')
> 25 |       await assertHasRedbox(browser)
     |       ^
  26 |       const description = await getRedboxDescription(browser)
  27 |       if (process.env.IS_TURBOPACK_TEST) {
  28 |         expect(description).toMatchInlineSnapshot(`"Processing image failed"`)

  at Object.<anonymous> (integration/next-image-new/invalid-image-import/test/index.test.ts:25:7)

pnpm test test/integration/next-image-new/export-config/test/index.test.ts (turbopack)

• next/image with output export config > development mode > should error (DD)

Expand output

● next/image with output export config › development mode › should error

Expected Redbox but found no visible one.

  36 |         const msg =
  37 |           "Image Optimization using the default loader is not compatible with `{ output: 'export' }`."
> 38 |         await assertHasRedbox(browser)
     |         ^
  39 |         expect(await getRedboxHeader(browser)).toContain(msg)
  40 |         expect(stderr).toContain(msg)
  41 |       })

  at Object.<anonymous> (integration/next-image-new/export-config/test/index.test.ts:38:9)

__NEXT_EXPERIMENTAL_PPR=true pnpm test-dev test/development/app-dir/ssr-only-error/ssr-only-error.test.ts (PPR)

• ssr-only-error > should show ssr only error in error overlay (DD)

Expand output

● ssr-only-error › should show ssr only error in error overlay

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `ssr-only-error should show ssr only error in error overlay 1`

- Snapshot  - 11
+ Received  +  1

- {
-   "description": "SSR only error",
-   "environmentLabel": null,
-   "label": "Runtime Error",
-   "source": "app/page.tsx (5:11) @ Component
- > 5 |     throw new Error('SSR only error')
-     |           ^",
-   "stack": [
-     "Component app/page.tsx (5:11)",
-   ],
- }
+ "Expected Redbox but found no visible one."

  11 |
  12 |     // TODO(veil): Missing Owner Stack (NDX-905)
> 13 |     await expect(browser).toDisplayCollapsedRedbox(`
     |                           ^
  14 |      {
  15 |        "description": "SSR only error",
  16 |        "environmentLabel": null,

  at Object.toDisplayCollapsedRedbox (development/app-dir/ssr-only-error/ssr-only-error.test.ts:13:27)

__NEXT_EXPERIMENTAL_PPR=true pnpm test-dev test/development/app-dir/error-overlay/async-client-component/async-client-component.test.ts (PPR)

• app-dir - async-client-component > app router client component async module (DD)

Expand output

● app-dir - async-client-component › app router client component async module

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `app-dir - async-client-component app router client component async module 1`

- Snapshot  - 16
+ Received  +  1

- [
-   {
-     "description": "<Page> is an async Client Component. Only Server Components can be async at the moment. This error is often caused by accidentally adding `'use client'` to a module that was originally written for the server.",
-     "environmentLabel": null,
-     "label": "Console Error",
-     "source": null,
-     "stack": [],
-   },
-   {
-     "description": "A component was suspended by an uncached promise. Creating promises inside a Client Component or hook is not yet supported, except via a Suspense-compatible library or framework.",
-     "environmentLabel": null,
-     "label": "Console Error",
-     "source": null,
-     "stack": [],
-   },
- ]
+ "Expected Redbox but found no visible one."

  15 |     // Ideally, it would be issued from the async Component instead but that's
  16 |     // harder to implement.
> 17 |     await expect(browser).toDisplayCollapsedRedbox(`
     |                           ^
  18 |      [
  19 |        {
  20 |          "description": "<Page> is an async Client Component. Only Server Components can be async at the moment. This error is often caused by accidentally adding \`'use client'\` to a module that was originally written for the server.",

  at Object.toDisplayCollapsedRedbox (development/app-dir/error-overlay/async-client-component/async-client-component.test.ts:17:27)

__NEXT_EXPERIMENTAL_PPR=true pnpm test-dev test/development/app-dir/serialize-circular-error/serialize-circular-error.test.ts (PPR)

• app-dir - owner-stack-invalid-element-type > should catch invalid element from a browser only component (DD)
• app-dir - owner-stack-invalid-element-type > should catch invalid element from a rsc component (DD)
• app-dir - owner-stack-invalid-element-type > should catch invalid element from on ssr client component (DD)

Expand output

● app-dir - owner-stack-invalid-element-type › should catch invalid element from a browser only component

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `app-dir - owner-stack-invalid-element-type should catch invalid element from a browser only component 1`

- Snapshot  - 15
+ Received  +  1

- {
-   "description": "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
-
- Check the render method of `BrowserOnly`.",
-   "environmentLabel": null,
-   "label": "Runtime Error",
-   "source": "app/browser/browser-only.js (8:7) @ BrowserOnly
- >  8 |       <Foo />
-      |       ^",
-   "stack": [
-     "BrowserOnly app/browser/browser-only.js (8:7)",
-     "Inner app/browser/page.js (11:10)",
-     "Page app/browser/page.js (15:10)",
-   ],
- }
+ "Expected Redbox but found no visible one."

   9 |     const browser = await next.browser('/browser')
  10 |
> 11 |     await expect(browser).toDisplayRedbox(`
     |                           ^
  12 |      {
  13 |        "description": "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
  14 | 

  at Object.toDisplayRedbox (development/app-dir/owner-stack-invalid-element-type/owner-stack-invalid-element-type.test.ts:11:27)

● app-dir - owner-stack-invalid-element-type › should catch invalid element from a rsc component

browserContext.newPage: Target page, context or browser has been closed

  262 |
  263 |     await this.initContextTracing(url, context!)
> 264 |     page = await context!.newPage()
      |                           ^
  265 |
  266 |     page.setDefaultTimeout(defaultTimeout)
  267 |     page.setDefaultNavigationTimeout(defaultTimeout)

  at Playwright.newPage (lib/browsers/playwright.ts:264:27)
  at webdriver (lib/next-webdriver.ts:151:3)
  at Object.<anonymous> (development/app-dir/owner-stack-invalid-element-type/owner-stack-invalid-element-type.test.ts:31:21)

● app-dir - owner-stack-invalid-element-type › should catch invalid element from on ssr client component

browserContext.newPage: Target page, context or browser has been closed

  262 |
  263 |     await this.initContextTracing(url, context!)
> 264 |     page = await context!.newPage()
      |                           ^
  265 |
  266 |     page.setDefaultTimeout(defaultTimeout)
  267 |     page.setDefaultNavigationTimeout(defaultTimeout)

  at Playwright.newPage (lib/browsers/playwright.ts:264:27)
  at webdriver (lib/next-webdriver.ts:151:3)
  at Object.<anonymous> (development/app-dir/owner-stack-invalid-element-type/owner-stack-invalid-element-type.test.ts:52:21)

● Test suite failed to run

browserContext.close: Target page, context or browser has been closed

  42 | export async function quit() {
  43 |   await Promise.all(pendingTeardown.map((fn) => fn()))
> 44 |   await context?.close()
     |   ^
  45 |   await browser?.close()
  46 |   context = undefined
  47 |   browser = undefined

  at quit (lib/browsers/playwright.ts:44:3)
  at Object.<anonymous> (lib/next-webdriver.ts:45:7)

pnpm test-dev-experimental test/development/app-dir/hook-function-names/hook-function-names.test.ts(Experimental)

• source-mapping > should show an error when client functions are called from server components (DD)

Expand output

● source-mapping › should show an error when client functions are called from server components

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `source-mapping should show an error when client functions are called from server components 1`

- Snapshot  - 11
+ Received  +  1

- {
-   "description": "Attempted to call useClient() from the server but useClient is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.",
-   "environmentLabel": "Prerender",
-   "label": "Runtime Error",
-   "source": "app/server-client/page.js (5:12) @ Component
- > 5 |   useClient()
-     |            ^",
-   "stack": [
-     "Component app/server-client/page.js (5:12)",
-   ],
- }
+ "Expected Redbox but found no visible one."

  173 |     const browser = await next.browser('/server-client')
  174 |
> 175 |     await expect(browser).toDisplayRedbox(`
      |                           ^
  176 |      {
  177 |        "description": "Attempted to call useClient() from the server but useClient is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.",
  178 |        "environmentLabel": "${isCacheComponentsEnabled ? 'Prerender' : 'Server'}",

  at Object.toDisplayRedbox (development/app-dir/source-mapping/source-mapping.test.ts:175:27)

● Test suite failed to run

browserContext.close: Target page, context or browser has been closed

  42 | export async function quit() {
  43 |   await Promise.all(pendingTeardown.map((fn) => fn()))
> 44 |   await context?.close()
     |   ^
  45 |   await browser?.close()
  46 |   context = undefined
  47 |   browser = undefined

  at quit (lib/browsers/playwright.ts:44:3)
  at Object.<anonymous> (lib/next-webdriver.ts:45:7)

pnpm test test/integration/config-devtool-dev/test/index.test.js

• devtool set in development mode in next config > should warn and revert when a devtool is set in development mode (DD)

Expand output

● devtool set in development mode in next config › should warn and revert when a devtool is set in development mode

Expected Redbox but found no visible one.

  33 |
  34 |       const browser = await webdriver(appPort, '/')
> 35 |       await assertHasRedbox(browser)
     |       ^
  36 |       if (process.platform === 'win32') {
  37 |         // TODO: add win32 snapshot
  38 |       } else {

  at Object.<anonymous> (integration/config-devtool-dev/test/index.test.js:35:7)

pnpm test-dev-experimental test/development/app-dir/missing-required-html-tags/index.test.ts(Experimental)

• app-dir - missing required html tags > should display correct error count in dev indicator (DD)
• app-dir - missing required html tags > should show error overlay (DD)
• app-dir - missing required html tags > should reload when you fix the error (DD)

Expand output

● app-dir - missing required html tags › should display correct error count in dev indicator

Expected Redbox but found no visible one.

  13 |   it('should display correct error count in dev indicator', async () => {
  14 |     const browser = await next.browser('/')
> 15 |     await assertHasRedbox(browser)
     |     ^
  16 |     retry(async () => {
  17 |       expect(await hasErrorToast(browser)).toBe(true)
  18 |     })

  at Object.<anonymous> (development/app-dir/missing-required-html-tags/index.test.ts:15:5)

● app-dir - missing required html tags › should show error overlay

Expected Redbox but found no visible one.

  23 |     const browser = await next.browser('/')
  24 |
> 25 |     await assertHasRedbox(browser)
     |     ^
  26 |     await expect(browser).toDisplayRedbox(`
  27 |      {
  28 |        "description": "Missing <html> and <body> tags in the root layout.

  at Object.<anonymous> (development/app-dir/missing-required-html-tags/index.test.ts:25:5)

● app-dir - missing required html tags › should reload when you fix the error

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `app-dir - missing required html tags should reload when you fix the error 1`

- Snapshot  - 8
+ Received  + 1

- {
-   "description": "Missing <html> and <body> tags in the root layout.
- Read more at https://nextjs.org/docs/messages/missing-root-layout-tags",
-   "environmentLabel": null,
-   "label": "Runtime Error",
-   "source": null,
-   "stack": [],
- }
+ "Expected Redbox but found no visible one."

  49 |     })
  50 |
> 51 |     await expect(browser).toDisplayRedbox(`
     |                           ^
  52 |      {
  53 |        "description": "Missing <html> and <body> tags in the root layout.
  54 |      Read more at https://nextjs.org/docs/messages/missing-root-layout-tags",

  at Object.toDisplayRedbox (development/app-dir/missing-required-html-tags/index.test.ts:51:27)

pnpm test-dev-experimental test/development/app-dir/use-cache-errors/use-cache-errors.test.ts(Experimental)

• use-cache-errors > should show a runtime error when calling the incorrectly used cache function (DD)

Expand output

● use-cache-errors › should show a runtime error when calling the incorrectly used cache function

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `use-cache-errors should show a runtime error when calling the incorrectly used cache function 1`

- Snapshot  - 12
+ Received  +  1

- {
-   "description": "Attempted to call useStuff() from the server but useStuff is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.",
-   "environmentLabel": "Cache",
-   "label": "Runtime Error",
-   "source": "app/module-with-use-cache.ts (16:18) @ useCachedStuff
- > 16 |   return useStuff()
-      |                  ^",
-   "stack": [
-     "useCachedStuff app/module-with-use-cache.ts (16:18)",
-     "Page app/page.tsx (22:10)",
-   ],
- }
+ "Expected Redbox but found no visible one."

  35 |       `)
  36 |     } else {
> 37 |       await expect(browser).toDisplayRedbox(`
     |                             ^
  38 |        {
  39 |          "description": "Attempted to call useStuff() from the server but useStuff is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.",
  40 |          "environmentLabel": "Cache",

  at Object.toDisplayRedbox (development/app-dir/use-cache-errors/use-cache-errors.test.ts:37:29)

pnpm test-dev-experimental test/development/app-dir/server-component-next-dynamic-ssr-false/server-component-next-dynamic-ssr-false.test.ts(Experimental)

• app dir - global-error - error-in-global-error > should be able to use nextjs navigation hook in global-error (DD)
• app dir - global-error - error-in-global-error > should render fallback UI when error occurs in global-error (DD)

Expand output

● app dir - global-error - error-in-global-error › should be able to use nextjs navigation hook in global-error

page.goto: net::ERR_ABORTED; maybe frame was detached?
Call log:
  - navigating to "http://localhost:38139/", waiting until "load"

  335 |     await opts?.beforePageLoad?.(page)
  336 |
> 337 |     await page.goto(url, { waitUntil: opts?.waitUntil ?? 'load' })
      |                ^
  338 |   }
  339 |
  340 |   back(options?: Parameters<Page['goBack']>[0]) {

  at Playwright.goto (lib/browsers/playwright.ts:337:16)
  at webdriver (lib/next-webdriver.ts:151:3)
  at Object.<anonymous> (e2e/app-dir/global-error/error-in-global-error/error-in-global-error.test.ts:10:21)

● app dir - global-error - error-in-global-error › should render fallback UI when error occurs in global-error

browserContext.newPage: Target page, context or browser has been closed

  262 |
  263 |     await this.initContextTracing(url, context!)
> 264 |     page = await context!.newPage()
      |                           ^
  265 |
  266 |     page.setDefaultTimeout(defaultTimeout)
  267 |     page.setDefaultNavigationTimeout(defaultTimeout)

  at Playwright.newPage (lib/browsers/playwright.ts:264:27)
  at webdriver (lib/next-webdriver.ts:151:3)
  at Object.<anonymous> (e2e/app-dir/global-error/error-in-global-error/error-in-global-error.test.ts:33:21)

● Test suite failed to run

browserContext.close: Target page, context or browser has been closed

  42 | export async function quit() {
  43 |   await Promise.all(pendingTeardown.map((fn) => fn()))
> 44 |   await context?.close()
     |   ^
  45 |   await browser?.close()
  46 |   context = undefined
  47 |   browser = undefined

  at quit (lib/browsers/playwright.ts:44:3)
  at Object.<anonymous> (lib/next-webdriver.ts:45:7)

__NEXT_EXPERIMENTAL_PPR=true pnpm test-dev test/development/app-dir/dynamic-error-trace/index.test.ts (PPR)

• hmr-deleted-page > should not show errors for a deleted page (DD)

Expand output

● hmr-deleted-page › should not show errors for a deleted page

page.goto: net::ERR_ABORTED; maybe frame was detached?
Call log:
  - navigating to "http://localhost:41459/page", waiting until "load"

  335 |     await opts?.beforePageLoad?.(page)
  336 |
> 337 |     await page.goto(url, { waitUntil: opts?.waitUntil ?? 'load' })
      |                ^
  338 |   }
  339 |
  340 |   back(options?: Parameters<Page['goBack']>[0]) {

  at Playwright.goto (lib/browsers/playwright.ts:337:16)
  at webdriver (lib/next-webdriver.ts:151:3)
  at Object.<anonymous> (development/app-dir/hmr-deleted-page/hmr-deleted-page.test.ts:15:21)

● Test suite failed to run

browserContext.close: Target page, context or browser has been closed

  42 | export async function quit() {
  43 |   await Promise.all(pendingTeardown.map((fn) => fn()))
> 44 |   await context?.close()
     |   ^
  45 |   await browser?.close()
  46 |   context = undefined
  47 |   browser = undefined

  at quit (lib/browsers/playwright.ts:44:3)
  at Object.<anonymous> (lib/next-webdriver.ts:45:7)

pnpm test-dev test/development/app-dir/source-mapping/source-mapping.test.ts

• error-ignored-frames > should be able to collapse ignored frames in server component (DD)
• error-ignored-frames > should be able to collapse ignored frames in client component (DD)
• error-ignored-frames > should be able to collapse ignored frames in interleaved call stack (DD)
• error-ignored-frames > should be able to collapse pages router ignored frames (DD)

Expand output

● error-ignored-frames › should be able to collapse ignored frames in server component

page.goto: net::ERR_ABORTED; maybe frame was detached?
Call log:
  - navigating to "http://localhost:37021/", waiting until "load"

  335 |     await opts?.beforePageLoad?.(page)
  336 |
> 337 |     await page.goto(url, { waitUntil: opts?.waitUntil ?? 'load' })
      |                ^
  338 |   }
  339 |
  340 |   back(options?: Parameters<Page['goBack']>[0]) {

  at Playwright.goto (lib/browsers/playwright.ts:337:16)
  at webdriver (lib/next-webdriver.ts:151:3)
  at Object.<anonymous> (development/app-dir/error-overlay/error-ignored-frames/error-ignored-frames.test.ts:14:21)

● error-ignored-frames › should be able to collapse ignored frames in client component

browserContext.newPage: Target page, context or browser has been closed

  262 |
  263 |     await this.initContextTracing(url, context!)
> 264 |     page = await context!.newPage()
      |                           ^
  265 |
  266 |     page.setDefaultTimeout(defaultTimeout)
  267 |     page.setDefaultNavigationTimeout(defaultTimeout)

  at Playwright.newPage (lib/browsers/playwright.ts:264:27)
  at webdriver (lib/next-webdriver.ts:151:3)
  at Object.<anonymous> (development/app-dir/error-overlay/error-ignored-frames/error-ignored-frames.test.ts:31:21)

● error-ignored-frames › should be able to collapse ignored frames in interleaved call stack

browserContext.newPage: Target page, context or browser has been closed

  262 |
  263 |     await this.initContextTracing(url, context!)
> 264 |     page = await context!.newPage()
      |                           ^
  265 |
  266 |     page.setDefaultTimeout(defaultTimeout)
  267 |     page.setDefaultNavigationTimeout(defaultTimeout)

  at Playwright.newPage (lib/browsers/playwright.ts:264:27)
  at webdriver (lib/next-webdriver.ts:151:3)
  at Object.<anonymous> (development/app-dir/error-overlay/error-ignored-frames/error-ignored-frames.test.ts:50:21)

● error-ignored-frames › should be able to collapse pages router ignored frames

browserContext.newPage: Target page, context or browser has been closed

  262 |
  263 |     await this.initContextTracing(url, context!)
> 264 |     page = await context!.newPage()
      |                           ^
  265 |
  266 |     page.setDefaultTimeout(defaultTimeout)
  267 |     page.setDefaultNavigationTimeout(defaultTimeout)

  at Playwright.newPage (lib/browsers/playwright.ts:264:27)
  at webdriver (lib/next-webdriver.ts:151:3)
  at Object.<anonymous> (development/app-dir/error-overlay/error-ignored-frames/error-ignored-frames.test.ts:77:21)

● Test suite failed to run

browserContext.close: Target page, context or browser has been closed

  42 | export async function quit() {
  43 |   await Promise.all(pendingTeardown.map((fn) => fn()))
> 44 |   await context?.close()
     |   ^
  45 |   await browser?.close()
  46 |   context = undefined
  47 |   browser = undefined

  at quit (lib/browsers/playwright.ts:44:3)
  at Object.<anonymous> (lib/next-webdriver.ts:45:7)

pnpm test-dev test/development/app-dir/owner-stack-react-missing-key-prop/owner-stack-react-missing-key-prop.test.ts

• app-dir - server-component-next-dynamic-ssr-false > should error when use dynamic ssr:false in server component (DD)

Expand output

● app-dir - server-component-next-dynamic-ssr-false › should error when use dynamic ssr:false in server component

page.goto: net::ERR_ABORTED; maybe frame was detached?
Call log:
  - navigating to "http://localhost:36257/", waiting until "load"

  335 |     await opts?.beforePageLoad?.(page)
  336 |
> 337 |     await page.goto(url, { waitUntil: opts?.waitUntil ?? 'load' })
      |                ^
  338 |   }
  339 |
  340 |   back(options?: Parameters<Page['goBack']>[0]) {

  at Playwright.goto (lib/browsers/playwright.ts:337:16)
  at webdriver (lib/next-webdriver.ts:151:3)
  at Object.<anonymous> (development/app-dir/server-component-next-dynamic-ssr-false/server-component-next-dynamic-ssr-false.test.ts:14:21)

● Test suite failed to run

browserContext.close: Target page, context or browser has been closed

  42 | export async function quit() {
  43 |   await Promise.all(pendingTeardown.map((fn) => fn()))
> 44 |   await context?.close()
     |   ^
  45 |   await browser?.close()
  46 |   context = undefined
  47 |   browser = undefined

  at quit (lib/browsers/playwright.ts:44:3)
  at Object.<anonymous> (lib/next-webdriver.ts:45:7)

__NEXT_EXPERIMENTAL_PPR=true pnpm test-dev test/development/acceptance-app/error-message-url.test.ts (PPR)

• Error overlay - error message urls > should be possible to click url in build error (DD)
• Error overlay - error message urls > should be possible to click url in runtime error (DD)

Expand output

● Error overlay - error message urls › should be possible to click url in build error

Expected Redbox but found no visible one.

  21 |     )
  22 |
> 23 |     await session.assertHasRedbox()
     |     ^
  24 |
  25 |     const link = await browser.elementByCss(
  26 |       '[data-nextjs-terminal] a, [data-nextjs-codeframe] a'

  at Object.<anonymous> (development/acceptance-app/error-message-url.test.ts:23:5)

● Error overlay - error message urls › should be possible to click url in runtime error

Expected Redbox but found no visible one.

  963 |     throw error
  964 |   }
> 965 |   await assertHasRedbox(browser)
      |   ^
  966 | }
  967 |
  968 | export async function openDevToolsIndicatorPopover(

  at openRedbox (lib/next-test-utils.ts:965:3)
  at Object.<anonymous> (development/acceptance-app/error-message-url.test.ts:54:5)

pnpm test test/integration/app-dir-export/test/dynamic-missing-gsp-dev.test.ts (turbopack)

• app dir - with output export - dynamic missing gsp dev > development mode > should error when dynamic route is missing generateStaticParams (DD)
• app dir - with output export - dynamic missing gsp dev > development mode > should error when dynamic route is set to true (DD)
• app dir - with output export - dynamic missing gsp dev > development mode > should error when client component has generateStaticParams (DD)

Expand output

● app dir - with output export - dynamic missing gsp dev › development mode › should error when dynamic route is missing generateStaticParams

Expected Redbox but found no visible one.

  182 |         const url = dynamicPage ? '/another/first' : '/api/json'
  183 |         const browser = await webdriver(port, url)
> 184 |         await assertHasRedbox(browser)
      |         ^
  185 |         const header = await getRedboxHeader(browser)
  186 |         const source = await getRedboxSource(browser)
  187 |         if (expectedErrMsg instanceof RegExp) {

  at runTests (integration/app-dir-export/test/utils.ts:184:9)
  at Object.<anonymous> (integration/app-dir-export/test/dynamic-missing-gsp-dev.test.ts:8:9)

● app dir - with output export - dynamic missing gsp dev › development mode › should error when dynamic route is set to true

Expected Redbox but found no visible one.

  182 |         const url = dynamicPage ? '/another/first' : '/api/json'
  183 |         const browser = await webdriver(port, url)
> 184 |         await assertHasRedbox(browser)
      |         ^
  185 |         const header = await getRedboxHeader(browser)
  186 |         const source = await getRedboxSource(browser)
  187 |         if (expectedErrMsg instanceof RegExp) {

  at runTests (integration/app-dir-export/test/utils.ts:184:9)
  at Object.<anonymous> (integration/app-dir-export/test/dynamic-missing-gsp-dev.test.ts:18:9)

● app dir - with output export - dynamic missing gsp dev › development mode › should error when client component has generateStaticParams

Expected Redbox but found no visible one.

  182 |         const url = dynamicPage ? '/another/first' : '/api/json'
  183 |         const browser = await webdriver(port, url)
> 184 |         await assertHasRedbox(browser)
      |         ^
  185 |         const header = await getRedboxHeader(browser)
  186 |         const source = await getRedboxSource(browser)
  187 |         if (expectedErrMsg instanceof RegExp) {

  at runTests (integration/app-dir-export/test/utils.ts:184:9)
  at Object.<anonymous> (integration/app-dir-export/test/dynamic-missing-gsp-dev.test.ts:31:9)

pnpm test-dev test/development/basic/hmr/full-reload-yes-base-path-no-asset-prefix.test.ts

• HMR - Full Reload, nextConfig: {"basePath":"/docs","assetPrefix":""} > should warn about full reload in cli output - runtime-error (DD)

Expand output

● HMR - Full Reload, nextConfig: {"basePath":"/docs","assetPrefix":""} › should warn about full reload in cli output - runtime-error

expect(received).toMatch(expected)

Matcher error: received value must be a string

Received has value: null

  61 |
  62 |     await retry(async () => {
> 63 |       expect(await getRedboxHeader(browser)).toMatch(/whoops is not defined/)
     |                                              ^
  64 |     })
  65 |     expect(next.cliOutput.slice(start)).not.toContain(cliWarning)
  66 |

  at toMatch (development/basic/hmr/run-full-reload-hmr-test.util.ts:63:46)
  at retry (lib/next-test-utils.ts:828:14)
  at Object.<anonymous> (development/basic/hmr/run-full-reload-hmr-test.util.ts:62:5)

pnpm test-dev test/development/acceptance-app/rsc-runtime-errors.test.ts

• Error overlay - RSC runtime errors > should show runtime errors if invalid client API from node_modules is executed (DD)
• Error overlay - RSC runtime errors > should show runtime errors if invalid server API from node_modules is executed (DD)
• Error overlay - RSC runtime errors > should show source code for jsx errors from server component (DD)

Expand output

● Error overlay - RSC runtime errors › should show runtime errors if invalid client API from node_modules is executed

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `Error overlay - RSC runtime errors should show runtime errors if invalid client API from node_modules is executed 1`

- Snapshot  - 11
+ Received  +  1

- {
-   "description": "useState only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more: https://nextjs.org/docs/messages/react-client-hook-in-server-component",
-   "environmentLabel": "Server",
-   "label": "Runtime TypeError",
-   "source": "app/server/page.js (3:16) @ Page
- > 3 |   callClientApi()
-     |                ^",
-   "stack": [
-     "Page app/server/page.js (3:16)",
-   ],
- }
+ "Expected Redbox but found no visible one."

  22 |     const browser = await next.browser('/server')
  23 |
> 24 |     await expect(browser).toDisplayRedbox(`
     |                           ^
  25 |      {
  26 |        "description": "useState only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more: https://nextjs.org/docs/messages/react-client-hook-in-server-component",
  27 |        "environmentLabel": "Server",

  at Object.toDisplayRedbox (development/acceptance-app/rsc-runtime-errors.test.ts:24:27)

● Error overlay - RSC runtime errors › should show runtime errors if invalid server API from node_modules is executed

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `Error overlay - RSC runtime errors should show runtime errors if invalid server API from node_modules is executed 1`

- Snapshot  - 11
+ Received  +  1

- {
-   "description": "`cookies` was called outside a request scope. Read more: https://nextjs.org/docs/messages/next-dynamic-api-wrong-context",
-   "environmentLabel": null,
-   "label": "Runtime Error",
-   "source": "app/client/page.js (4:16) @ Page
- > 4 |   callServerApi()
-     |                ^",
-   "stack": [
-     "Page app/client/page.js (4:16)",
-   ],
- }
+ "Expected Redbox but found no visible one."

  52 |     const browser = await next.browser('/client')
  53 |
> 54 |     await expect(browser).toDisplayRedbox(`
     |                           ^
  55 |      {
  56 |        "description": "\`cookies\` was called outside a request scope. Read more: https://nextjs.org/docs/messages/next-dynamic-api-wrong-context",
  57 |        "environmentLabel": null,

  at Object.toDisplayRedbox (development/acceptance-app/rsc-runtime-errors.test.ts:54:27)

● Error overlay - RSC runtime errors › should show source code for jsx errors from server component

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `Error overlay - RSC runtime errors should show source code for jsx errors from server component 1`

- Snapshot  - 11
+ Received  +  1

- {
-   "description": "alert is not defined",
-   "environmentLabel": "Server",
-   "label": "Runtime ReferenceError",
-   "source": "app/server/page.js (2:16) @ Page
- > 2 |   return <div>{alert('warn')}</div>
-     |                ^",
-   "stack": [
-     "Page app/server/page.js (2:16)",
-   ],
- }
+ "Expected Redbox but found no visible one."

  79 |     const browser = await next.browser('/server')
  80 |
> 81 |     await expect(browser).toDisplayRedbox(`
     |                           ^
  82 |      {
  83 |        "description": "alert is not defined",
  84 |        "environmentLabel": "Server",

  at Object.toDisplayRedbox (development/acceptance-app/rsc-runtime-errors.test.ts:81:27)

pnpm test test/integration/next-image-new/app-dir-localpatterns/test/index.test.ts (turbopack)

• Image localPatterns config > development mode > should block unmatched image does-not-exist (DD)
• Image localPatterns config > development mode > should block unmatched image nested-assets-query (DD)
• Image localPatterns config > development mode > should block unmatched image nested-blocked (DD)
• Image localPatterns config > development mode > should block unmatched image top-level (DD)

Expand output

● Image localPatterns config › development mode › should block unmatched image does-not-exist

Expected Redbox but found no visible one.

  56 |     const browser = await webdriver(appPort, page)
  57 |     if (mode === 'dev') {
> 58 |       await assertHasRedbox(browser)
     |       ^
  59 |       expect(await getRedboxHeader(browser)).toMatch(
  60 |         /Invalid src prop (.+) on `next\/image` does not match `images.localPatterns` configured/g
  61 |       )

  at integration/next-image-new/app-dir-localpatterns/test/index.test.ts:58:7

● Image localPatterns config › development mode › should block unmatched image nested-assets-query

Expected Redbox but found no visible one.

  56 |     const browser = await webdriver(appPort, page)
  57 |     if (mode === 'dev') {
> 58 |       await assertHasRedbox(browser)
     |       ^
  59 |       expect(await getRedboxHeader(browser)).toMatch(
  60 |         /Invalid src prop (.+) on `next\/image` does not match `images.localPatterns` configured/g
  61 |       )

  at integration/next-image-new/app-dir-localpatterns/test/index.test.ts:58:7

● Image localPatterns config › development mode › should block unmatched image nested-blocked

Expected Redbox but found no visible one.

  56 |     const browser = await webdriver(appPort, page)
  57 |     if (mode === 'dev') {
> 58 |       await assertHasRedbox(browser)
     |       ^
  59 |       expect(await getRedboxHeader(browser)).toMatch(
  60 |         /Invalid src prop (.+) on `next\/image` does not match `images.localPatterns` configured/g
  61 |       )

  at integration/next-image-new/app-dir-localpatterns/test/index.test.ts:58:7

● Image localPatterns config › development mode › should block unmatched image top-level

Expected Redbox but found no visible one.

  56 |     const browser = await webdriver(appPort, page)
  57 |     if (mode === 'dev') {
> 58 |       await assertHasRedbox(browser)
     |       ^
  59 |       expect(await getRedboxHeader(browser)).toMatch(
  60 |         /Invalid src prop (.+) on `next\/image` does not match `images.localPatterns` configured/g
  61 |       )

  at integration/next-image-new/app-dir-localpatterns/test/index.test.ts:58:7

pnpm test test/integration/next-image-legacy/base-path/test/index.test.ts (turbopack)

• Image Component basePath Tests > development mode > should show invalid src error (DD)
• Image Component basePath Tests > development mode > should show invalid src error when protocol-relative (DD)

Expand output

● Image Component basePath Tests › development mode › should show invalid src error

Expected Redbox but found no visible one.

  387 |       const browser = await webdriver(appPort, '/docs/invalid-src')
  388 |
> 389 |       await assertHasRedbox(browser)
      |       ^
  390 |       expect(await getRedboxHeader(browser)).toContain(
  391 |         'Invalid src prop (https://google.com/test.png) on `next/image`, hostname "google.com" is not configured under images in your `next.config.js`'
  392 |       )

  at Object.<anonymous> (integration/next-image-legacy/base-path/test/index.test.ts:389:7)

● Image Component basePath Tests › development mode › should show invalid src error when protocol-relative

Expected Redbox but found no visible one.

  399 |       )
  400 |
> 401 |       await assertHasRedbox(browser)
      |       ^
  402 |       expect(await getRedboxHeader(browser)).toContain(
  403 |         'Failed to parse src "//assets.example.com/img.jpg" on `next/image`, protocol-relative URL (//) must be changed to an absolute URL (http:// or https://)'
  404 |       )

  at Object.<anonymous> (integration/next-image-legacy/base-path/test/index.test.ts:401:7)

pnpm test test/integration/next-image-new/base-path/test/index.test.js (turbopack)

• Image Component basePath Tests > development mode > should show invalid src error (DD)
• Image Component basePath Tests > development mode > should show invalid src error when protocol-relative (DD)

Expand output

● Image Component basePath Tests › development mode › should show invalid src error

Expected Redbox but found no visible one.

  142 |       const browser = await webdriver(appPort, '/docs/invalid-src')
  143 |
> 144 |       await assertHasRedbox(browser)
      |       ^
  145 |       expect(await getRedboxHeader(browser)).toContain(
  146 |         'Invalid src prop (https://google.com/test.png) on `next/image`, hostname "google.com" is not configured under images in your `next.config.js`'
  147 |       )

  at Object.<anonymous> (integration/next-image-new/base-path/test/index.test.js:144:7)

● Image Component basePath Tests › development mode › should show invalid src error when protocol-relative

Expected Redbox but found no visible one.

  154 |       )
  155 |
> 156 |       await assertHasRedbox(browser)
      |       ^
  157 |       expect(await getRedboxHeader(browser)).toContain(
  158 |         'Failed to parse src "//assets.example.com/img.jpg" on `next/image`, protocol-relative URL (//) must be changed to an absolute URL (http:// or https://)'
  159 |       )

  at Object.<anonymous> (integration/next-image-new/base-path/test/index.test.js:156:7)

pnpm test test/integration/config-output-export/test/index.test.ts (turbopack)

• config-output-export > should error with getStaticProps and revalidate 10 seconds (ISR) (DD)
• config-output-export > should error with getServerSideProps without fallback (DD)
• config-output-export > should error with getStaticPaths and fallback true (DD)
• config-output-export > should error with getStaticPaths and fallback blocking (DD)

Expand output

● config-output-export › should error with getStaticProps and revalidate 10 seconds (ISR)

Expected Redbox but found no visible one.

  219 |       browser = await webdriver(result.port, '/blog')
  220 |
> 221 |       await assertHasRedbox(browser)
      |       ^
  222 |       expect(await getRedboxHeader(browser)).toContain(
  223 |         'ISR cannot be used with "output: export".'
  224 |       )

  at Object.<anonymous> (integration/config-output-export/test/index.test.ts:221:7)

● config-output-export › should error with getServerSideProps without fallback

Expected Redbox but found no visible one.

  310 |       })
  311 |       browser = await webdriver(result.port, '/blog')
> 312 |       await assertHasRedbox(browser)
      |       ^
  313 |       expect(await getRedboxHeader(browser)).toContain(
  314 |         'getServerSideProps cannot be used with "output: export".'
  315 |       )

  at Object.<anonymous> (integration/config-output-export/test/index.test.ts:312:7)

● config-output-export › should error with getStaticPaths and fallback true

Expected Redbox but found no visible one.

  354 |       })
  355 |       browser = await webdriver(result.port, '/posts/one')
> 356 |       await assertHasRedbox(browser)
      |       ^
  357 |       expect(await getRedboxHeader(browser)).toContain(
  358 |         'getStaticPaths with "fallback: true" cannot be used with "output: export".'
  359 |       )

  at Object.<anonymous> (integration/config-output-export/test/index.test.ts:356:7)

● config-output-export › should error with getStaticPaths and fallback blocking

Expected Redbox but found no visible one.

  398 |       })
  399 |       browser = await webdriver(result.port, '/posts/one')
> 400 |       await assertHasRedbox(browser)
      |       ^
  401 |       expect(await getRedboxHeader(browser)).toContain(
  402 |         'getStaticPaths with "fallback: blocking" cannot be used with "output: export".'
  403 |       )

  at Object.<anonymous> (integration/config-output-export/test/index.test.ts:400:7)

pnpm test test/integration/server-side-dev-errors/test/index.test.js (turbopack)

• server-side dev errors > should show server-side error for gsp page correctly (DD)
• server-side dev errors > should show server-side error for gssp page correctly (DD)
• server-side dev errors > should show server-side error for dynamic gssp page correctly (DD)
• server-side dev errors > should show server-side error for api route correctly (DD)
• server-side dev errors > should show server-side error for dynamic api route correctly (DD)

Expand output

● server-side dev errors › should show server-side error for gsp page correctly

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `server-side dev errors should show server-side error for gsp page correctly 1`

- Snapshot  - 11
+ Received  +  1

- {
-   "description": "missingVar is not defined",
-   "environmentLabel": null,
-   "label": "Runtime ReferenceError",
-   "source": "pages/gsp.js (6:3) @ getStaticProps
- > 6 |   missingVar;return {
-     |   ^",
-   "stack": [
-     "getStaticProps pages/gsp.js (6:3)",
-   ],
- }
+ "Expected Redbox but found no visible one."

  84 |       )
  85 |
> 86 |       await expect(browser).toDisplayRedbox(`
     |                             ^
  87 |         {
  88 |           "description": "missingVar is not defined",
  89 |           "environmentLabel": null,

  at Object.toDisplayRedbox (integration/server-side-dev-errors/test/index.test.js:86:29)

● server-side dev errors › should show server-side error for gssp page correctly

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `server-side dev errors should show server-side error for gssp page correctly 1`

- Snapshot  - 11
+ Received  +  1

- {
-   "description": "missingVar is not defined",
-   "environmentLabel": null,
-   "label": "Runtime ReferenceError",
-   "source": "pages/gssp.js (6:3) @ getServerSideProps
- > 6 |   missingVar;return {
-     |   ^",
-   "stack": [
-     "getServerSideProps pages/gssp.js (6:3)",
-   ],
- }
+ "Expected Redbox but found no visible one."

  134 |       )
  135 |
> 136 |       await expect(browser).toDisplayRedbox(`
      |                             ^
  137 |         {
  138 |           "description": "missingVar is not defined",
  139 |           "environmentLabel": null,

  at Object.toDisplayRedbox (integration/server-side-dev-errors/test/index.test.js:136:29)

● server-side dev errors › should show server-side error for dynamic gssp page correctly

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `server-side dev errors should show server-side error for dynamic gssp page correctly 1`

- Snapshot  - 11
+ Received  +  1

- {
-   "description": "missingVar is not defined",
-   "environmentLabel": null,
-   "label": "Runtime ReferenceError",
-   "source": "pages/blog/[slug].js (6:3) @ getServerSideProps
- > 6 |   missingVar;return {
-     |   ^",
-   "stack": [
-     "getServerSideProps pages/blog/[slug].js (6:3)",
-   ],
- }
+ "Expected Redbox but found no visible one."

  184 |       )
  185 |
> 186 |       await expect(browser).toDisplayRedbox(`
      |                             ^
  187 |         {
  188 |           "description": "missingVar is not defined",
  189 |           "environmentLabel": null,

  at Object.toDisplayRedbox (integration/server-side-dev-errors/test/index.test.js:186:29)

● server-side dev errors › should show server-side error for api route correctly

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `server-side dev errors should show server-side error for api route correctly 1`

- Snapshot  - 11
+ Received  +  1

- {
-   "description": "missingVar is not defined",
-   "environmentLabel": null,
-   "label": "Runtime ReferenceError",
-   "source": "pages/api/hello.js (2:3) @ handler
- > 2 |   missingVar;res.status(200).json({ hello: 'world' })
-     |   ^",
-   "stack": [
-     "handler pages/api/hello.js (2:3)",
-   ],
- }
+ "Expected Redbox but found no visible one."

  244 |       }
  245 |
> 246 |       await expect(browser).toDisplayRedbox(`
      |                             ^
  247 |         {
  248 |           "description": "missingVar is not defined",
  249 |           "environmentLabel": null,

  at Object.toDisplayRedbox (integration/server-side-dev-errors/test/index.test.js:246:29)

● server-side dev errors › should show server-side error for dynamic api route correctly

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `server-side dev errors should show server-side error for dynamic api route correctly 1`

- Snapshot  - 11
+ Received  +  1

- {
-   "description": "missingVar is not defined",
-   "environmentLabel": null,
-   "label": "Runtime ReferenceError",
-   "source": "pages/api/blog/[slug].js (2:3) @ handler
- > 2 |   missingVar;res.status(200).json({ slug: req.query.slug })
-     |   ^",
-   "stack": [
-     "handler pages/api/blog/[slug].js (2:3)",
-   ],
- }
+ "Expected Redbox but found no visible one."

  310 |       }
  311 |
> 312 |       await expect(browser).toDisplayRedbox(`
      |                             ^
  313 |         {
  314 |           "description": "missingVar is not defined",
  315 |           "environmentLabel": null,

  at Object.toDisplayRedbox (integration/server-side-dev-errors/test/index.test.js:312:29)

pnpm test test/integration/app-dir-export/test/dynamicpage-dev.test.ts

• app dir - with output export - dynamic page dev > development mode > should work in dev with dynamicPage 'force-dynamic' (DD)

Expand output

● app dir - with output export - dynamic page dev › development mode › should work in dev with dynamicPage 'force-dynamic'

Expected Redbox but found no visible one.

  182 |         const url = dynamicPage ? '/another/first' : '/api/json'
  183 |         const browser = await webdriver(port, url)
> 184 |         await assertHasRedbox(browser)
      |         ^
  185 |         const header = await getRedboxHeader(browser)
  186 |         const source = await getRedboxSource(browser)
  187 |         if (expectedErrMsg instanceof RegExp) {

  at runTests (integration/app-dir-export/test/utils.ts:184:9)
  at integration/app-dir-export/test/dynamicpage-dev.test.ts:19:11

pnpm test test/integration/dynamic-routing/test/index.test.js

• Dynamic Routing > development mode > should show error when interpolating fails for href (DD)

Expand output

● Dynamic Routing › development mode › should show error when interpolating fails for href

Expected Redbox but found no visible one.

  1201 |           .elementByCss('#view-post-1-interpolated-incorrectly')
  1202 |           .click()
> 1203 |         await assertHasRedbox(browser)
       |         ^
  1204 |         const header = await getRedboxHeader(browser)
  1205 |         expect(header).toContain(
  1206 |           'The provided `href` (/[name]?another=value) value is missing query values (name) to be interpolated properly.'

  at Object.<anonymous> (integration/dynamic-routing/test/index.test.js:1203:9)

pnpm test test/integration/app-dir-export/test/dynamicapiroute-dev.test.ts

• Invalid hrefs > development mode > shows error when dynamic route mismatch is used on Link (DD)
• Invalid hrefs > development mode > shows error when internal href is used with external as (DD)
• Invalid hrefs > development mode > does not throw error when dynamic route mismatch is used on Link and params are manually provided (DD)
• Invalid hrefs > development mode > doesn't fail on invalid url (DD)
• Invalid hrefs > development mode > shows warning when dynamic route mismatch is used on Link (DD)

Expand output

● Invalid hrefs › development mode › shows error when dynamic route mismatch is used on Link

Expected Redbox but found no visible one.

  50 |       }, regex)
  51 |     } else {
> 52 |       await assertHasRedbox(browser)
     |       ^
  53 |       const errorContent = await getRedboxHeader(browser)
  54 |       expect(errorContent).toMatch(regex)
  55 |     }

  at showsError (integration/invalid-href/test/index.test.ts:52:7)
  at Object.<anonymous> (integration/invalid-href/test/index.test.ts:185:9)

● Invalid hrefs › development mode › shows error when internal href is used with external as

Expected Redbox but found no visible one.

  50 |       }, regex)
  51 |     } else {
> 52 |       await assertHasRedbox(browser)
     |       ^
  53 |       const errorContent = await getRedboxHeader(browser)
  54 |       expect(errorContent).toMatch(regex)
  55 |     }

  at showsError (integration/invalid-href/test/index.test.ts:52:7)
  at Object.<anonymous> (integration/invalid-href/test/index.test.ts:193:9)

● Invalid hrefs › development mode › does not throw error when dynamic route mismatch is used on Link and params are manually provided

browserContext.newPage: Target page, context or browser has been closed

  262 |
  263 |     await this.initContextTracing(url, context!)
> 264 |     page = await context!.newPage()
      |                           ^
  265 |
  266 |     page.setDefaultTimeout(defaultTimeout)
  267 |     page.setDefaultNavigationTimeout(defaultTimeout)

  at Playwright.newPage (lib/browsers/playwright.ts:264:27)
  at webdriver (lib/next-webdriver.ts:151:3)
  at noError (integration/invalid-href/test/index.test.ts:62:19)
  at Object.<anonymous> (integration/invalid-href/test/index.test.ts:201:9)

● Invalid hrefs › development mode › doesn't fail on invalid url

browserContext.newPage: Target page, context or browser has been closed

  262 |
  263 |     await this.initContextTracing(url, context!)
> 264 |     page = await context!.newPage()
      |                           ^
  265 |
  266 |     page.setDefaultTimeout(defaultTimeout)
  267 |     page.setDefaultNavigationTimeout(defaultTimeout)

  at Playwright.newPage (lib/browsers/playwright.ts:264:27)
  at webdriver (lib/next-webdriver.ts:151:3)
  at noError (integration/invalid-href/test/index.test.ts:62:19)
  at Object.<anonymous> (integration/invalid-href/test/index.test.ts:206:9)

● Invalid hrefs › development mode › shows warning when dynamic route mismatch is used on Link

browserContext.newPage: Target page, context or browser has been closed

  262 |
  263 |     await this.initContextTracing(url, context!)
> 264 |     page = await context!.newPage()
      |                           ^
  265 |
  266 |     page.setDefaultTimeout(defaultTimeout)
  267 |     page.setDefaultNavigationTimeout(defaultTimeout)

  at Playwright.newPage (lib/browsers/playwright.ts:264:27)
  at webdriver (lib/next-webdriver.ts:151:3)
  at showsError (integration/invalid-href/test/index.test.ts:28:19)
  at Object.<anonymous> (integration/invalid-href/test/index.test.ts:210:9)

● Test suite failed to run

browserContext.close: Target page, context or browser has been closed

  42 | export async function quit() {
  43 |   await Promise.all(pendingTeardown.map((fn) => fn()))
> 44 |   await context?.close()
     |   ^
  45 |   await browser?.close()
  46 |   context = undefined
  47 |   browser = undefined

  at quit (lib/browsers/playwright.ts:44:3)
  at Object.<anonymous> (lib/next-webdriver.ts:45:7)

pnpm test-start-turbo test/e2e/app-dir/ppr-partial-hydration/ppr-partial-hydration.test.ts (turbopack)

• PPR - partial hydration > No static shell, no streaming metadata > should hydrate the shell without waiting for slow suspense boundaries (DD)
• PPR - partial hydration > Static shell, no streaming metadata > should hydrate the shell without waiting for slow suspense boundaries (DD)

Expand output

● PPR - partial hydration › Static shell, no streaming metadata › should hydrate the shell without waiting for slow suspense boundaries

page.waitForSelector: Timeout 10ms exceeded.
Call log:
  - waiting for locator('#shell-hydrated') to be visible
  -   locator resolved to visible <div id="shell-hydrated" data-is-hydrated="true">🟢 Hydrated</div>

  511 |
  512 |     return this.startChain(async () => {
> 513 |       const el = await page.waitForSelector(selector, {
      |                             ^
  514 |         timeout,
  515 |         state,
  516 |       })

  at waitForSelector (lib/browsers/playwright.ts:513:29)
  at Playwright._chain (lib/browsers/playwright.ts:643:23)
  at Playwright._chain [as startChain] (lib/browsers/playwright.ts:624:17)
  at Playwright.startChain [as waitForElementByCss] (lib/browsers/playwright.ts:512:17)
  at Playwright.waitForElementByCss (lib/browsers/playwright.ts:405:17)
  at elementByCssInstant (e2e/app-dir/ppr-partial-hydration/ppr-partial-hydration.test.ts:72:14)
  at fn (lib/next-test-utils.ts:828:20)
  at Object.<anonymous> (e2e/app-dir/ppr-partial-hydration/ppr-partial-hydration.test.ts:68:7)
  at Proxy._chain (lib/browsers/playwright.ts:643:23)
  at Proxy._chain (lib/browsers/playwright.ts:619:17)
  at Proxy.continueChain (lib/browsers/playwright.ts:447:17)
  at getAttribute (e2e/app-dir/ppr-partial-hydration/ppr-partial-hydration.test.ts:73:14)
  at fn (lib/next-test-utils.ts:828:20)
  at Object.<anonymous> (e2e/app-dir/ppr-partial-hydration/ppr-partial-hydration.test.ts:68:7)

● PPR - partial hydration › No static shell, no streaming metadata › should hydrate the shell without waiting for slow suspense boundaries

page.waitForSelector: Timeout 10ms exceeded.
Call log:
  - waiting for locator('#shell-hydrated') to be visible
  -   locator resolved to visible <div id="shell-hydrated" data-is-hydrated="true">🟢 Hydrated</div>

  511 |
  512 |     return this.startChain(async () => {
> 513 |       const el = await page.waitForSelector(selector, {
      |                             ^
  514 |         timeout,
  515 |         state,
  516 |       })

  at waitForSelector (lib/browsers/playwright.ts:513:29)
  at Playwright._chain (lib/browsers/playwright.ts:643:23)
  at Playwright._chain [as startChain] (lib/browsers/playwright.ts:624:17)
  at Playwright.startChain [as waitForElementByCss] (lib/browsers/playwright.ts:512:17)
  at Playwright.waitForElementByCss (lib/browsers/playwright.ts:405:17)
  at elementByCssInstant (e2e/app-dir/ppr-partial-hydration/ppr-partial-hydration.test.ts:72:14)
  at fn (lib/next-test-utils.ts:828:20)
  at Object.<anonymous> (e2e/app-dir/ppr-partial-hydration/ppr-partial-hydration.test.ts:68:7)
  at Proxy._chain (lib/browsers/playwright.ts:643:23)
  at Proxy._chain (lib/browsers/playwright.ts:619:17)
  at Proxy.continueChain (lib/browsers/playwright.ts:447:17)
  at getAttribute (e2e/app-dir/ppr-partial-hydration/ppr-partial-hydration.test.ts:73:14)
  at fn (lib/next-test-utils.ts:828:20)
  at Object.<anonymous> (e2e/app-dir/ppr-partial-hydration/ppr-partial-hydration.test.ts:68:7)

pnpm test test/integration/next-image-legacy/default/test/index.test.ts

• Image Component Tests > development mode > should show invalid src error (DD)
• Image Component Tests > development mode > should show invalid src error when protocol-relative (DD)
• Image Component Tests > development mode > should show error when string src and placeholder=blur and blurDataURL is missing (DD)
• Image Component Tests > development mode > should show error when not numeric string width or height (DD)
• Image Component Tests > development mode > should show error when static import and placeholder=blur and blurDataUrl is missing (DD)

Expand output

● Image Component Tests › development mode › should show invalid src error

Expected Redbox but found no visible one.

  825 |       const browser = await webdriver(appPort, '/invalid-src')
  826 |
> 827 |       await assertHasRedbox(browser)
      |       ^
  828 |       expect(await getRedboxHeader(browser)).toContain(
  829 |         'Invalid src prop (https://google.com/test.png) on `next/image`, hostname "google.com" is not configured under images in your `next.config.js`'
  830 |       )

  at Object.<anonymous> (integration/next-image-legacy/default/test/index.test.ts:827:7)

● Image Component Tests › development mode › should show invalid src error when protocol-relative

Expected Redbox but found no visible one.

  834 |       const browser = await webdriver(appPort, '/invalid-src-proto-relative')
  835 |
> 836 |       await assertHasRedbox(browser)
      |       ^
  837 |       expect(await getRedboxHeader(browser)).toContain(
  838 |         'Failed to parse src "//assets.example.com/img.jpg" on `next/image`, protocol-relative URL (//) must be changed to an absolute URL (http:// or https://)'
  839 |       )

  at Object.<anonymous> (integration/next-image-legacy/default/test/index.test.ts:836:7)

● Image Component Tests › development mode › should show error when string src and placeholder=blur and blurDataURL is missing

Expected Redbox but found no visible one.

  843 |       const browser = await webdriver(appPort, '/invalid-placeholder-blur')
  844 |
> 845 |       await assertHasRedbox(browser)
      |       ^
  846 |       expect(await getRedboxHeader(browser)).toContain(
  847 |         `Image with src "/test.png" has "placeholder='blur'" property but is missing the "blurDataURL" property.`
  848 |       )

  at Object.<anonymous> (integration/next-image-legacy/default/test/index.test.ts:845:7)

● Image Component Tests › development mode › should show error when not numeric string width or height

Expected Redbox but found no visible one.

  852 |       const browser = await webdriver(appPort, '/invalid-width-or-height')
  853 |
> 854 |       await assertHasRedbox(browser)
      |       ^
  855 |       expect(await getRedboxHeader(browser)).toContain(
  856 |         `Image with src "/test.jpg" has invalid "width" or "height" property. These should be numeric values.`
  857 |       )

  at Object.<anonymous> (integration/next-image-legacy/default/test/index.test.ts:854:7)

● Image Component Tests › development mode › should show error when static import and placeholder=blur and blurDataUrl is missing

Expected Redbox but found no visible one.

  864 |       )
  865 |
> 866 |       await assertHasRedbox(browser)
      |       ^
  867 |       expect(await getRedboxHeader(browser)).toMatch(
  868 |         /Image with src "(.*)bmp" has "placeholder='blur'" property but is missing the "blurDataURL" property/
  869 |       )

  at Object.<anonymous> (integration/next-image-legacy/default/test/index.test.ts:866:7)

pnpm test test/integration/next-image-new/app-dir/test/index.test.ts (turbopack)

• Image Component Default Tests > development mode > should show invalid src error (DD)
• Image Component Default Tests > development mode > should show invalid src error when protocol-relative (DD)
• Image Component Default Tests > development mode > should show invalid src with leading space (DD)
• Image Component Default Tests > development mode > should show invalid src with trailing space (DD)
• Image Component Default Tests > development mode > should show error when string src and placeholder=blur and blurDataURL is missing (DD)
• Image Component Default Tests > development mode > should show error when invalid width prop (DD)
• Image Component Default Tests > development mode > should show error when invalid Infinity width prop (DD)
• Image Component Default Tests > development mode > should show error when invalid height prop (DD)
• Image Component Default Tests > development mode > should show error when missing width prop (DD)
• Image Component Default Tests > development mode > should show error when missing height prop (DD)
• Image Component Default Tests > development mode > should show error when width prop on fill image (DD)
• Image Component Default Tests > development mode > should show error when CSS position changed on fill image (DD)
• Image Component Default Tests > development mode > should show error when static import and placeholder=blur and blurDataUrl is missing (DD)

Expand output

● Image Component Default Tests › development mode › should show invalid src error

Expected Redbox but found no visible one.

  1067 |       const browser = await webdriver(appPort, '/invalid-src')
  1068 |
> 1069 |       await assertHasRedbox(browser)
       |       ^
  1070 |       expect(await getRedboxHeader(browser)).toContain(
  1071 |         'Invalid src prop (https://google.com/test.png) on `next/image`, hostname "google.com" is not configured under images in your `next.config.js`'
  1072 |       )

  at Object.<anonymous> (integration/next-image-new/app-dir/test/index.test.ts:1069:7)

● Image Component Default Tests › development mode › should show invalid src error when protocol-relative

Expected Redbox but found no visible one.

  1076 |       const browser = await webdriver(appPort, '/invalid-src-proto-relative')
  1077 |
> 1078 |       await assertHasRedbox(browser)
       |       ^
  1079 |       expect(await getRedboxHeader(browser)).toContain(
  1080 |         'Failed to parse src "//assets.example.com/img.jpg" on `next/image`, protocol-relative URL (//) must be changed to an absolute URL (http:// or https://)'
  1081 |       )

  at Object.<anonymous> (integration/next-image-new/app-dir/test/index.test.ts:1078:7)

● Image Component Default Tests › development mode › should show invalid src with leading space

Expected Redbox but found no visible one.

  1084 |     it('should show invalid src with leading space', async () => {
  1085 |       const browser = await webdriver(appPort, '/invalid-src-leading-space')
> 1086 |       await assertHasRedbox(browser)
       |       ^
  1087 |       expect(await getRedboxHeader(browser)).toContain(
  1088 |         'Image with src " /test.jpg" cannot start with a space or control character.'
  1089 |       )

  at Object.<anonymous> (integration/next-image-new/app-dir/test/index.test.ts:1086:7)

● Image Component Default Tests › development mode › should show invalid src with trailing space

Expected Redbox but found no visible one.

  1092 |     it('should show invalid src with trailing space', async () => {
  1093 |       const browser = await webdriver(appPort, '/invalid-src-trailing-space')
> 1094 |       await assertHasRedbox(browser)
       |       ^
  1095 |       expect(await getRedboxHeader(browser)).toContain(
  1096 |         'Image with src "/test.png " cannot end with a space or control character.'
  1097 |       )

  at Object.<anonymous> (integration/next-image-new/app-dir/test/index.test.ts:1094:7)

● Image Component Default Tests › development mode › should show error when string src and placeholder=blur and blurDataURL is missing

Expected Redbox but found no visible one.

  1101 |       const browser = await webdriver(appPort, '/invalid-placeholder-blur')
  1102 |
> 1103 |       await assertHasRedbox(browser)
       |       ^
  1104 |       expect(await getRedboxHeader(browser)).toContain(
  1105 |         `Image with src "/test.png" has "placeholder='blur'" property but is missing the "blurDataURL" property.`
  1106 |       )

  at Object.<anonymous> (integration/next-image-new/app-dir/test/index.test.ts:1103:7)

● Image Component Default Tests › development mode › should show error when invalid width prop

Expected Redbox but found no visible one.

  1110 |       const browser = await webdriver(appPort, '/invalid-width')
  1111 |
> 1112 |       await assertHasRedbox(browser)
       |       ^
  1113 |       expect(await getRedboxHeader(browser)).toContain(
  1114 |         `Image with src "/test.jpg" has invalid "width" property. Expected a numeric value in pixels but received "100%".`
  1115 |       )

  at Object.<anonymous> (integration/next-image-new/app-dir/test/index.test.ts:1112:7)

● Image Component Default Tests › development mode › should show error when invalid Infinity width prop

Expected Redbox but found no visible one.

  1119 |       const browser = await webdriver(appPort, '/invalid-Infinity-width')
  1120 |
> 1121 |       await assertHasRedbox(browser)
       |       ^
  1122 |       expect(await getRedboxHeader(browser)).toContain(
  1123 |         `Image with src "/test.jpg" has invalid "width" property. Expected a numeric value in pixels but received "Infinity".`
  1124 |       )

  at Object.<anonymous> (integration/next-image-new/app-dir/test/index.test.ts:1121:7)

● Image Component Default Tests › development mode › should show error when invalid height prop

Expected Redbox but found no visible one.

  1128 |       const browser = await webdriver(appPort, '/invalid-height')
  1129 |
> 1130 |       await assertHasRedbox(browser)
       |       ^
  1131 |       expect(await getRedboxHeader(browser)).toContain(
  1132 |         `Image with src "/test.jpg" has invalid "height" property. Expected a numeric value in pixels but received "50vh".`
  1133 |       )

  at Object.<anonymous> (integration/next-image-new/app-dir/test/index.test.ts:1130:7)

● Image Component Default Tests › development mode › should show error when missing width prop

Expected Redbox but found no visible one.

  1147 |       const browser = await webdriver(appPort, '/missing-width')
  1148 |
> 1149 |       await assertHasRedbox(browser)
       |       ^
  1150 |       expect(await getRedboxHeader(browser)).toContain(
  1151 |         `Image with src "/test.jpg" is missing required "width" property.`
  1152 |       )

  at Object.<anonymous> (integration/next-image-new/app-dir/test/index.test.ts:1149:7)

● Image Component Default Tests › development mode › should show error when missing height prop

Expected Redbox but found no visible one.

  1156 |       const browser = await webdriver(appPort, '/missing-height')
  1157 |
> 1158 |       await assertHasRedbox(browser)
       |       ^
  1159 |       expect(await getRedboxHeader(browser)).toContain(
  1160 |         `Image with src "/test.jpg" is missing required "height" property.`
  1161 |       )

  at Object.<anonymous> (integration/next-image-new/app-dir/test/index.test.ts:1158:7)

● Image Component Default Tests › development mode › should show error when width prop on fill image

Expected Redbox but found no visible one.

  1165 |       const browser = await webdriver(appPort, '/invalid-fill-width')
  1166 |
> 1167 |       await assertHasRedbox(browser)
       |       ^
  1168 |       expect(await getRedboxHeader(browser)).toContain(
  1169 |         `Image with src "/wide.png" has both "width" and "fill" properties.`
  1170 |       )

  at Object.<anonymous> (integration/next-image-new/app-dir/test/index.test.ts:1167:7)

● Image Component Default Tests › development mode › should show error when CSS position changed on fill image

Expected Redbox but found no visible one.

  1174 |       const browser = await webdriver(appPort, '/invalid-fill-position')
  1175 |
> 1176 |       await assertHasRedbox(browser)
       |       ^
  1177 |       expect(await getRedboxHeader(browser)).toContain(
  1178 |         `Image with src "/wide.png" has both "fill" and "style.position" properties. Images with "fill" always use position absolute - it cannot be modified.`
  1179 |       )

  at Object.<anonymous> (integration/next-image-new/app-dir/test/index.test.ts:1176:7)

● Image Component Default Tests › development mode › should show error when static import and placeholder=blur and blurDataUrl is missing

Expected Redbox but found no visible one.

  1186 |       )
  1187 |
> 1188 |       await assertHasRedbox(browser)
       |       ^
  1189 |       expect(await getRedboxHeader(browser)).toMatch(
  1190 |         /Image with src "(.*)bmp" has "placeholder='blur'" property but is missing the "blurDataURL" property/
  1191 |       )

  at Object.<anonymous> (integration/next-image-new/app-dir/test/index.test.ts:1188:7)

pnpm test-dev test/development/app-dir/segment-explorer/segment-explorer.test.ts

• segment-explorer > should render the segment explorer for parallel routes (DD)
• segment-explorer > should render the segment explorer for parallel routes in edge runtime (DD)
• segment-explorer > should render the segment explorer for nested routes (DD)
• segment-explorer > should cleanup on soft navigation (DD)
• segment-explorer > should handle show file segments in order (DD)
• segment-explorer > should handle special built-in not-found segments (DD)
• segment-explorer > should show global-error segment (DD)
• segment-explorer > should show navigation boundaries of the segment (DD)
• segment-explorer > should show the loading boundary when it is present (DD)
• segment-explorer > should show the custom error boundary when present (DD)
• segment-explorer > should display parallel routes default page when present (DD)
• segment-explorer > should display boundary selector when a segment has only boundary files (DD)
• segment-explorer > should render route for index page (DD)

Expand output

● segment-explorer › should render the segment explorer for parallel routes

page.waitForSelector: Timeout 5000ms exceeded.
Call log:
  - waiting for locator('[data-segment-explorer]') to be visible

  511 |
  512 |     return this.startChain(async () => {
> 513 |       const el = await page.waitForSelector(selector, {
      |                             ^
  514 |         timeout,
  515 |         state,
  516 |       })

  at waitForSelector (lib/browsers/playwright.ts:513:29)
  at Playwright._chain (lib/browsers/playwright.ts:643:23)
  at Playwright._chain [as startChain] (lib/browsers/playwright.ts:624:17)
  at Playwright.startChain [as waitForElementByCss] (lib/browsers/playwright.ts:512:17)
  at Playwright.waitForElementByCss [as elementByCss] (lib/browsers/playwright.ts:397:17)
  at elementByCss (lib/next-test-utils.ts:994:17)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:15:12)
  at Proxy._chain (lib/browsers/playwright.ts:643:23)
  at Proxy._chain (lib/browsers/playwright.ts:619:17)
  at Proxy.continueChain (lib/browsers/playwright.ts:463:17)
  at click (lib/next-test-utils.ts:994:57)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:15:12)

● segment-explorer › should render the segment explorer for parallel routes in edge runtime

page.waitForSelector: Timeout 5000ms exceeded.
Call log:
  - waiting for locator('[data-segment-explorer]') to be visible

  511 |
  512 |     return this.startChain(async () => {
> 513 |       const el = await page.waitForSelector(selector, {
      |                             ^
  514 |         timeout,
  515 |         state,
  516 |       })

  at waitForSelector (lib/browsers/playwright.ts:513:29)
  at Playwright._chain (lib/browsers/playwright.ts:643:23)
  at Playwright._chain [as startChain] (lib/browsers/playwright.ts:624:17)
  at Playwright.startChain [as waitForElementByCss] (lib/browsers/playwright.ts:512:17)
  at Playwright.waitForElementByCss [as elementByCss] (lib/browsers/playwright.ts:397:17)
  at elementByCss (lib/next-test-utils.ts:994:17)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:26:12)
  at Proxy._chain (lib/browsers/playwright.ts:643:23)
  at Proxy._chain (lib/browsers/playwright.ts:619:17)
  at Proxy.continueChain (lib/browsers/playwright.ts:463:17)
  at click (lib/next-test-utils.ts:994:57)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:26:12)

● segment-explorer › should render the segment explorer for nested routes

page.waitForSelector: Timeout 5000ms exceeded.
Call log:
  - waiting for locator('[data-segment-explorer]') to be visible

  511 |
  512 |     return this.startChain(async () => {
> 513 |       const el = await page.waitForSelector(selector, {
      |                             ^
  514 |         timeout,
  515 |         state,
  516 |       })

  at waitForSelector (lib/browsers/playwright.ts:513:29)
  at Playwright._chain (lib/browsers/playwright.ts:643:23)
  at Playwright._chain [as startChain] (lib/browsers/playwright.ts:624:17)
  at Playwright.startChain [as waitForElementByCss] (lib/browsers/playwright.ts:512:17)
  at Playwright.waitForElementByCss [as elementByCss] (lib/browsers/playwright.ts:397:17)
  at elementByCss (lib/next-test-utils.ts:994:17)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:37:12)
  at Proxy._chain (lib/browsers/playwright.ts:643:23)
  at Proxy._chain (lib/browsers/playwright.ts:619:17)
  at Proxy.continueChain (lib/browsers/playwright.ts:463:17)
  at click (lib/next-test-utils.ts:994:57)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:37:12)

● segment-explorer › should cleanup on soft navigation

page.waitForSelector: Timeout 5000ms exceeded.
Call log:
  - waiting for locator('[data-segment-explorer]') to be visible

  511 |
  512 |     return this.startChain(async () => {
> 513 |       const el = await page.waitForSelector(selector, {
      |                             ^
  514 |         timeout,
  515 |         state,
  516 |       })

  at waitForSelector (lib/browsers/playwright.ts:513:29)
  at Playwright._chain (lib/browsers/playwright.ts:643:23)
  at Playwright._chain [as startChain] (lib/browsers/playwright.ts:624:17)
  at Playwright.startChain [as waitForElementByCss] (lib/browsers/playwright.ts:512:17)
  at Playwright.waitForElementByCss [as elementByCss] (lib/browsers/playwright.ts:397:17)
  at elementByCss (lib/next-test-utils.ts:994:17)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:49:12)
  at Proxy._chain (lib/browsers/playwright.ts:643:23)
  at Proxy._chain (lib/browsers/playwright.ts:619:17)
  at Proxy.continueChain (lib/browsers/playwright.ts:463:17)
  at click (lib/next-test-utils.ts:994:57)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:49:12)

● segment-explorer › should handle show file segments in order

page.waitForSelector: Timeout 5000ms exceeded.
Call log:
  - waiting for locator('[data-segment-explorer]') to be visible

  511 |
  512 |     return this.startChain(async () => {
> 513 |       const el = await page.waitForSelector(selector, {
      |                             ^
  514 |         timeout,
  515 |         state,
  516 |       })

  at waitForSelector (lib/browsers/playwright.ts:513:29)
  at Playwright._chain (lib/browsers/playwright.ts:643:23)
  at Playwright._chain [as startChain] (lib/browsers/playwright.ts:624:17)
  at Playwright.startChain [as waitForElementByCss] (lib/browsers/playwright.ts:512:17)
  at Playwright.waitForElementByCss [as elementByCss] (lib/browsers/playwright.ts:397:17)
  at elementByCss (lib/next-test-utils.ts:994:17)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:69:12)
  at Proxy._chain (lib/browsers/playwright.ts:643:23)
  at Proxy._chain (lib/browsers/playwright.ts:619:17)
  at Proxy.continueChain (lib/browsers/playwright.ts:463:17)
  at click (lib/next-test-utils.ts:994:57)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:69:12)

● segment-explorer › should handle special built-in not-found segments

page.waitForSelector: Timeout 5000ms exceeded.
Call log:
  - waiting for locator('[data-segment-explorer]') to be visible

  511 |
  512 |     return this.startChain(async () => {
> 513 |       const el = await page.waitForSelector(selector, {
      |                             ^
  514 |         timeout,
  515 |         state,
  516 |       })

  at waitForSelector (lib/browsers/playwright.ts:513:29)
  at Playwright._chain (lib/browsers/playwright.ts:643:23)
  at Playwright._chain [as startChain] (lib/browsers/playwright.ts:624:17)
  at Playwright.startChain [as waitForElementByCss] (lib/browsers/playwright.ts:512:17)
  at Playwright.waitForElementByCss [as elementByCss] (lib/browsers/playwright.ts:397:17)
  at elementByCss (lib/next-test-utils.ts:994:17)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:83:12)
  at Proxy._chain (lib/browsers/playwright.ts:643:23)
  at Proxy._chain (lib/browsers/playwright.ts:619:17)
  at Proxy.continueChain (lib/browsers/playwright.ts:463:17)
  at click (lib/next-test-utils.ts:994:57)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:83:12)

● segment-explorer › should show global-error segment

No DevTools Indicator to open.

  989 | export async function getSegmentExplorerContent(browser: Playwright) {
  990 |   // open the devtool button
> 991 |   await openDevToolsIndicatorPopover(browser)
      |   ^
  992 |
  993 |   // open the segment explorer
  994 |   await browser.elementByCss('[data-segment-explorer]').click()

  at getSegmentExplorerContent (lib/next-test-utils.ts:991:3)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:91:12)

Cause:
locator.click: Timeout 60000ms exceeded.
Call log:
  - waiting for locator('nextjs-portal [data-nextjs-dev-tools-button]')
  -   locator resolved to <button id="next-logo" aria-haspopup="menu" data-next-mark="true" aria-expanded="false" data-next-mark-loading="false" aria-label="Open Next.js Dev Tools" data-nextjs-dev-tools-button="true" aria-controls="nextjs-dev-tools-menu">…</button>
  - attempting click action
  -   waiting for element to be visible, enabled and stable
  -   element is not stable
  - retrying click action, attempt #1
  -   waiting for element to be visible, enabled and stable
  - element was detached from the DOM, retrying

  972 |
  973 |   try {
> 974 |     await devToolsIndicator.click()
      |                             ^
  975 |   } catch (cause) {
  976 |     const error = new Error('No DevTools Indicator to open.', { cause })
  977 |     Error.captureStackTrace(error, openDevToolsIndicatorPopover)

  at click (lib/next-test-utils.ts:974:29)
  at getSegmentExplorerContent (lib/next-test-utils.ts:991:3)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:91:12)

● segment-explorer › should show navigation boundaries of the segment

page.waitForSelector: Timeout 5000ms exceeded.
Call log:
  - waiting for locator('[data-segment-explorer]') to be visible

  511 |
  512 |     return this.startChain(async () => {
> 513 |       const el = await page.waitForSelector(selector, {
      |                             ^
  514 |         timeout,
  515 |         state,
  516 |       })

  at waitForSelector (lib/browsers/playwright.ts:513:29)
  at Playwright._chain (lib/browsers/playwright.ts:643:23)
  at Playwright._chain [as startChain] (lib/browsers/playwright.ts:624:17)
  at Playwright.startChain [as waitForElementByCss] (lib/browsers/playwright.ts:512:17)
  at Playwright.waitForElementByCss [as elementByCss] (lib/browsers/playwright.ts:397:17)
  at elementByCss (lib/next-test-utils.ts:994:17)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:100:12)
  at Proxy._chain (lib/browsers/playwright.ts:643:23)
  at Proxy._chain (lib/browsers/playwright.ts:619:17)
  at Proxy.continueChain (lib/browsers/playwright.ts:463:17)
  at click (lib/next-test-utils.ts:994:57)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:100:12)

● segment-explorer › should show the loading boundary when it is present

page.waitForSelector: Timeout 5000ms exceeded.
Call log:
  - waiting for locator('[data-segment-explorer]') to be visible

  511 |
  512 |     return this.startChain(async () => {
> 513 |       const el = await page.waitForSelector(selector, {
      |                             ^
  514 |         timeout,
  515 |         state,
  516 |       })

  at waitForSelector (lib/browsers/playwright.ts:513:29)
  at Playwright._chain (lib/browsers/playwright.ts:643:23)
  at Playwright._chain [as startChain] (lib/browsers/playwright.ts:624:17)
  at Playwright.startChain [as waitForElementByCss] (lib/browsers/playwright.ts:512:17)
  at Playwright.waitForElementByCss [as elementByCss] (lib/browsers/playwright.ts:397:17)
  at elementByCss (lib/next-test-utils.ts:994:17)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:131:12)
  at Proxy._chain (lib/browsers/playwright.ts:643:23)
  at Proxy._chain (lib/browsers/playwright.ts:619:17)
  at Proxy.continueChain (lib/browsers/playwright.ts:463:17)
  at click (lib/next-test-utils.ts:994:57)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:131:12)

● segment-explorer › should show the custom error boundary when present

page.waitForSelector: Timeout 5000ms exceeded.
Call log:
  - waiting for locator('[data-segment-explorer]') to be visible

  511 |
  512 |     return this.startChain(async () => {
> 513 |       const el = await page.waitForSelector(selector, {
      |                             ^
  514 |         timeout,
  515 |         state,
  516 |       })

  at waitForSelector (lib/browsers/playwright.ts:513:29)
  at Playwright._chain (lib/browsers/playwright.ts:643:23)
  at Playwright._chain [as startChain] (lib/browsers/playwright.ts:624:17)
  at Playwright.startChain [as waitForElementByCss] (lib/browsers/playwright.ts:512:17)
  at Playwright.waitForElementByCss [as elementByCss] (lib/browsers/playwright.ts:397:17)
  at elementByCss (lib/next-test-utils.ts:994:17)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:140:12)
  at Proxy._chain (lib/browsers/playwright.ts:643:23)
  at Proxy._chain (lib/browsers/playwright.ts:619:17)
  at Proxy.continueChain (lib/browsers/playwright.ts:463:17)
  at click (lib/next-test-utils.ts:994:57)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:140:12)

● segment-explorer › should display parallel routes default page when present

page.waitForSelector: Timeout 5000ms exceeded.
Call log:
  - waiting for locator('[data-segment-explorer]') to be visible

  511 |
  512 |     return this.startChain(async () => {
> 513 |       const el = await page.waitForSelector(selector, {
      |                             ^
  514 |         timeout,
  515 |         state,
  516 |       })

  at waitForSelector (lib/browsers/playwright.ts:513:29)
  at Playwright._chain (lib/browsers/playwright.ts:643:23)
  at Playwright._chain [as startChain] (lib/browsers/playwright.ts:624:17)
  at Playwright.startChain [as waitForElementByCss] (lib/browsers/playwright.ts:512:17)
  at Playwright.waitForElementByCss [as elementByCss] (lib/browsers/playwright.ts:397:17)
  at elementByCss (lib/next-test-utils.ts:994:17)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:151:12)
  at Proxy._chain (lib/browsers/playwright.ts:643:23)
  at Proxy._chain (lib/browsers/playwright.ts:619:17)
  at Proxy.continueChain (lib/browsers/playwright.ts:463:17)
  at click (lib/next-test-utils.ts:994:57)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:151:12)

● segment-explorer › should display boundary selector when a segment has only boundary files

page.waitForSelector: Timeout 5000ms exceeded.
Call log:
  - waiting for locator('[data-segment-explorer]') to be visible

  511 |
  512 |     return this.startChain(async () => {
> 513 |       const el = await page.waitForSelector(selector, {
      |                             ^
  514 |         timeout,
  515 |         state,
  516 |       })

  at waitForSelector (lib/browsers/playwright.ts:513:29)
  at Playwright._chain (lib/browsers/playwright.ts:643:23)
  at Playwright._chain [as startChain] (lib/browsers/playwright.ts:624:17)
  at Playwright.startChain [as waitForElementByCss] (lib/browsers/playwright.ts:512:17)
  at Playwright.waitForElementByCss [as elementByCss] (lib/browsers/playwright.ts:397:17)
  at elementByCss (lib/next-test-utils.ts:994:17)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:165:12)
  at Proxy._chain (lib/browsers/playwright.ts:643:23)
  at Proxy._chain (lib/browsers/playwright.ts:619:17)
  at Proxy.continueChain (lib/browsers/playwright.ts:463:17)
  at click (lib/next-test-utils.ts:994:57)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:165:12)

● segment-explorer › should render route for index page

page.waitForSelector: Timeout 5000ms exceeded.
Call log:
  - waiting for locator('[data-segment-explorer]') to be visible

  511 |
  512 |     return this.startChain(async () => {
> 513 |       const el = await page.waitForSelector(selector, {
      |                             ^
  514 |         timeout,
  515 |         state,
  516 |       })

  at waitForSelector (lib/browsers/playwright.ts:513:29)
  at Playwright._chain (lib/browsers/playwright.ts:643:23)
  at Playwright._chain [as startChain] (lib/browsers/playwright.ts:624:17)
  at Playwright.startChain [as waitForElementByCss] (lib/browsers/playwright.ts:512:17)
  at Playwright.waitForElementByCss [as elementByCss] (lib/browsers/playwright.ts:397:17)
  at elementByCss (lib/next-test-utils.ts:994:17)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:178:12)
  at Proxy._chain (lib/browsers/playwright.ts:643:23)
  at Proxy._chain (lib/browsers/playwright.ts:619:17)
  at Proxy.continueChain (lib/browsers/playwright.ts:463:17)
  at click (lib/next-test-utils.ts:994:57)
  at Object.<anonymous> (development/app-dir/segment-explorer/segment-explorer.test.ts:178:12)

[ijjk]

Stats from current PR

Default Build (Increase detected ⚠️)

General Overall increase ⚠️

	vercel/next.js canary	vercel/next.js update/react/19.2.0-canary-8bb7241f-20250926	Change
buildDuration	23.3s	18.7s	N/A
buildDurationCached	17.7s	14.5s	N/A
nodeModulesSize	454 MB	454 MB	⚠️ +322 kB
nextStartRea..uration (ms)	690ms	712ms	N/A

Client Bundles (main, webpack)

	vercel/next.js canary	vercel/next.js update/react/19.2.0-canary-8bb7241f-20250926	Change
234bef07-HASH.js gzip	54.8 kB	54.8 kB	N/A
3414-HASH.js gzip	4.32 kB	4.32 kB	N/A
5194.HASH.js gzip	169 B	169 B	✓
8863-HASH.js gzip	5.32 kB	5.32 kB	N/A
9304-HASH.js gzip	46.6 kB	46.1 kB	N/A
framework-HASH.js gzip	57.7 kB	57.7 kB	N/A
main-app-HASH.js gzip	260 B	257 B	N/A
main-HASH.js gzip	37.1 kB	36.8 kB	N/A
webpack-HASH.js gzip	1.71 kB	1.71 kB	N/A
Overall change	169 B	169 B	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	vercel/next.js update/react/19.2.0-canary-8bb7241f-20250926	Change
polyfills-HASH.js gzip	39.4 kB	39.4 kB	✓
Overall change	39.4 kB	39.4 kB	✓

Client Pages

	vercel/next.js canary	vercel/next.js update/react/19.2.0-canary-8bb7241f-20250926	Change
_app-HASH.js gzip	194 B	193 B	N/A
_error-HASH.js gzip	182 B	182 B	✓
amp-HASH.js gzip	502 B	507 B	N/A
css-HASH.js gzip	335 B	333 B	N/A
dynamic-HASH.js gzip	1.83 kB	1.83 kB	N/A
edge-ssr-HASH.js gzip	255 B	255 B	✓
head-HASH.js gzip	350 B	352 B	N/A
hooks-HASH.js gzip	385 B	383 B	N/A
image-HASH.js gzip	581 B	580 B	N/A
index-HASH.js gzip	257 B	259 B	N/A
link-HASH.js gzip	2.29 kB	2.29 kB	N/A
routerDirect..HASH.js gzip	320 B	318 B	N/A
script-HASH.js gzip	387 B	386 B	N/A
withRouter-HASH.js gzip	315 B	313 B	N/A
1afbb74e6ecf..834.css gzip	106 B	106 B	✓
Overall change	543 B	543 B	✓

Client Build Manifests

	vercel/next.js canary	vercel/next.js update/react/19.2.0-canary-8bb7241f-20250926	Change
_buildManifest.js gzip	770 B	770 B	✓
Overall change	770 B	770 B	✓

Rendered Page Sizes

	vercel/next.js canary	vercel/next.js update/react/19.2.0-canary-8bb7241f-20250926	Change
index.html gzip	524 B	523 B	N/A
link.html gzip	538 B	534 B	N/A
withRouter.html gzip	518 B	518 B	✓
Overall change	518 B	518 B	✓

Edge SSR bundle Size

	vercel/next.js canary	vercel/next.js update/react/19.2.0-canary-8bb7241f-20250926	Change
edge-ssr.js gzip	121 kB	121 kB	N/A
page.js gzip	243 kB	243 kB	N/A
Overall change	0 B	0 B	✓

Middleware size Overall increase ⚠️

	vercel/next.js canary	vercel/next.js update/react/19.2.0-canary-8bb7241f-20250926	Change
middleware-b..fest.js gzip	689 B	694 B	N/A
middleware-r..fest.js gzip	156 B	155 B	N/A
middleware.js gzip	33 kB	33.2 kB	⚠️ +231 B
edge-runtime..pack.js gzip	853 B	853 B	✓
Overall change	33.9 kB	34.1 kB	⚠️ +231 B

Next Runtimes Overall increase ⚠️

	vercel/next.js canary	vercel/next.js update/react/19.2.0-canary-8bb7241f-20250926	Change
app-page-exp...dev.js gzip	288 kB	289 kB	⚠️ +654 B
app-page-exp..prod.js gzip	158 kB	159 kB	⚠️ +508 B
app-page-tur...dev.js gzip	288 kB	289 kB	⚠️ +656 B
app-page-tur..prod.js gzip	158 kB	159 kB	⚠️ +509 B
app-page-tur...dev.js gzip	276 kB	277 kB	⚠️ +670 B
app-page-tur..prod.js gzip	152 kB	153 kB	⚠️ +435 B
app-page.run...dev.js gzip	276 kB	277 kB	⚠️ +669 B
app-page.run..prod.js gzip	152 kB	153 kB	⚠️ +429 B
app-route-ex...dev.js gzip	70.6 kB	70.6 kB	N/A
app-route-ex..prod.js gzip	49.6 kB	49.6 kB	N/A
app-route-tu...dev.js gzip	70.6 kB	70.6 kB	N/A
app-route-tu..prod.js gzip	49.6 kB	49.6 kB	N/A
app-route-tu...dev.js gzip	70 kB	70 kB	N/A
app-route-tu..prod.js gzip	49.3 kB	49.3 kB	N/A
app-route.ru...dev.js gzip	69.9 kB	70 kB	N/A
app-route.ru..prod.js gzip	49.2 kB	49.2 kB	N/A
dist_client_...dev.js gzip	326 B	326 B	✓
dist_client_...dev.js gzip	328 B	328 B	✓
dist_client_...dev.js gzip	320 B	320 B	✓
dist_client_...dev.js gzip	318 B	318 B	✓
pages-api-tu...dev.js gzip	42.9 kB	42.9 kB	✓
pages-api-tu..prod.js gzip	33 kB	33 kB	✓
pages-api.ru...dev.js gzip	42.9 kB	42.9 kB	✓
pages-api.ru..prod.js gzip	33 kB	33 kB	✓
pages-turbo....dev.js gzip	53.1 kB	53.1 kB	✓
pages-turbo...prod.js gzip	40.5 kB	40.5 kB	✓
pages.runtim...dev.js gzip	53.3 kB	53.3 kB	✓
pages.runtim..prod.js gzip	40.6 kB	40.6 kB	✓
server.runti..prod.js gzip	78.3 kB	78.3 kB	N/A
Overall change	2.09 MB	2.09 MB	⚠️ +4.53 kB

build cache Overall increase ⚠️

	vercel/next.js canary	vercel/next.js update/react/19.2.0-canary-8bb7241f-20250926	Change
0.pack gzip	3.16 MB	3.17 MB	⚠️ +12.5 kB
index.pack gzip	96.4 kB	97 kB	⚠️ +641 B
Overall change	3.25 MB	3.27 MB	⚠️ +13.1 kB

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

failed to diff

Diff for _buildManifest.js

@@ -611,36 +611,36 @@ self.__BUILD_MANIFEST = (function (a, b, c) {
       numHashes: NaN,
       bitArray: [],
     },
-    "/": ["static\u002Fchunks\u002Fpages\u002Findex-a7fb71e5f6213aa9.js"],
+    "/": ["static\u002Fchunks\u002Fpages\u002Findex-75ff7f75f4c9520b.js"],
     "/_error": [
-      "static\u002Fchunks\u002Fpages\u002F_error-8f4e796cc66bb887.js",
+      "static\u002Fchunks\u002Fpages\u002F_error-21398e242bebd4bd.js",
     ],
-    "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-97249b00762d04b9.js"],
+    "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-96acbf1ec5bf4dbf.js"],
     "/css": [
       "static\u002Fcss\u002Fded6b86ab9cc0a1f.css",
-      "static\u002Fchunks\u002Fpages\u002Fcss-30fd1831d1c5954d.js",
+      "static\u002Fchunks\u002Fpages\u002Fcss-f0abb8f1d5d6aafc.js",
     ],
     "/dynamic": [
-      "static\u002Fchunks\u002Fpages\u002Fdynamic-933632969493a23b.js",
+      "static\u002Fchunks\u002Fpages\u002Fdynamic-a6de0bd7312dbe87.js",
     ],
     "/edge-ssr": [
-      "static\u002Fchunks\u002Fpages\u002Fedge-ssr-fbde6d2b170ddc8a.js",
+      "static\u002Fchunks\u002Fpages\u002Fedge-ssr-8437b1c654938313.js",
     ],
-    "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-0fcabd05d9a7b019.js"],
-    "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-52423902769dcda6.js"],
+    "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-957c9636cda350bb.js"],
+    "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-48956e83e76a0b7c.js"],
     "/image": [
-      "static\u002Fchunks\u002F3414-0fcfc359d1626bc2.js",
-      "static\u002Fchunks\u002Fpages\u002Fimage-bcf65fa5afa25af3.js",
+      "static\u002Fchunks\u002F4432-80834164a4d7ec68.js",
+      "static\u002Fchunks\u002Fpages\u002Fimage-00893f08e46cefe9.js",
     ],
-    "/link": ["static\u002Fchunks\u002Fpages\u002Flink-107187295a8a4aea.js"],
+    "/link": ["static\u002Fchunks\u002Fpages\u002Flink-1312906a9876c4c3.js"],
     "/routerDirect": [
-      "static\u002Fchunks\u002Fpages\u002FrouterDirect-1422147417dba74a.js",
+      "static\u002Fchunks\u002Fpages\u002FrouterDirect-77c6ee7fa90e109b.js",
     ],
     "/script": [
-      "static\u002Fchunks\u002Fpages\u002Fscript-a68c215ba4b2c288.js",
+      "static\u002Fchunks\u002Fpages\u002Fscript-32f0c3e4bc363d50.js",
     ],
     "/withRouter": [
-      "static\u002Fchunks\u002Fpages\u002FwithRouter-0af6fb4f6ceaec8e.js",
+      "static\u002Fchunks\u002Fpages\u002FwithRouter-0a50058d9954ea8e.js",
     ],
     sortedPages: [
       "\u002F",

Diff for amp-HASH.js

@@ -1,17 +1,65 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [5034],
   {
-    /***/ 4105: /***/ (
+    /***/ 6212: /***/ (
+      __unused_webpack_module,
+      __webpack_exports__,
+      __webpack_require__
+    ) => {
+      "use strict";
+      __webpack_require__.r(__webpack_exports__);
+      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+        /* harmony export */ config: () => /* binding */ config,
+        /* harmony export */ default: () => /* binding */ Amp,
+        /* harmony export */
+      });
+      /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0__ =
+        __webpack_require__(7023);
+      /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0___default =
+        /*#__PURE__*/ __webpack_require__.n(
+          next_amp__WEBPACK_IMPORTED_MODULE_0__
+        );
+
+      const config = {
+        amp: "hybrid",
+      };
+      function Amp(props) {
+        return (0, next_amp__WEBPACK_IMPORTED_MODULE_0__.useAmp)()
+          ? "AMP mode"
+          : "normal mode";
+      }
+
+      /***/
+    },
+
+    /***/ 7023: /***/ (
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) => {
-      module.exports = __webpack_require__(4642);
+      module.exports = __webpack_require__(9926);
+
+      /***/
+    },
+
+    /***/ 8647: /***/ (
+      __unused_webpack_module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      (window.__NEXT_P = window.__NEXT_P || []).push([
+        "/amp",
+        function () {
+          return __webpack_require__(6212);
+        },
+      ]);
+      if (false) {
+      }
 
       /***/
     },
 
-    /***/ 4642: /***/ (module, exports, __webpack_require__) => {
+    /***/ 9926: /***/ (module, exports, __webpack_require__) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -27,8 +75,8 @@
       const _react = /*#__PURE__*/ _interop_require_default._(
         __webpack_require__(5977)
       );
-      const _ampcontextsharedruntime = __webpack_require__(8358);
-      const _ampmode = __webpack_require__(242);
+      const _ampcontextsharedruntime = __webpack_require__(5418);
+      const _ampmode = __webpack_require__(3494);
       function useAmp() {
         // Don't assign the context value to a variable to save bytes
         return (0, _ampmode.isInAmpMode)(
@@ -49,61 +97,13 @@
 
       /***/
     },
-
-    /***/ 5261: /***/ (
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      (window.__NEXT_P = window.__NEXT_P || []).push([
-        "/amp",
-        function () {
-          return __webpack_require__(9550);
-        },
-      ]);
-      if (false) {
-      }
-
-      /***/
-    },
-
-    /***/ 9550: /***/ (
-      __unused_webpack_module,
-      __webpack_exports__,
-      __webpack_require__
-    ) => {
-      "use strict";
-      __webpack_require__.r(__webpack_exports__);
-      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-        /* harmony export */ config: () => /* binding */ config,
-        /* harmony export */ default: () => /* binding */ Amp,
-        /* harmony export */
-      });
-      /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0__ =
-        __webpack_require__(4105);
-      /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0___default =
-        /*#__PURE__*/ __webpack_require__.n(
-          next_amp__WEBPACK_IMPORTED_MODULE_0__
-        );
-
-      const config = {
-        amp: "hybrid",
-      };
-      function Amp(props) {
-        return (0, next_amp__WEBPACK_IMPORTED_MODULE_0__.useAmp)()
-          ? "AMP mode"
-          : "normal mode";
-      }
-
-      /***/
-    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(5261)
+      __webpack_exec__(8647)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for css-HASH.js

@@ -1,7 +1,14 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [9813],
   {
-    /***/ 5267: /***/ (
+    /***/ 1978: /***/ (module) => {
+      // extracted by mini-css-extract-plugin
+      module.exports = { helloWorld: "css_helloWorld__aUdUq" };
+
+      /***/
+    },
+
+    /***/ 6941: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -15,7 +22,7 @@
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
         __webpack_require__(7765);
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(6320);
+        __webpack_require__(1978);
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1___default =
         /*#__PURE__*/ __webpack_require__.n(
           _css_module_css__WEBPACK_IMPORTED_MODULE_1__
@@ -35,14 +42,7 @@
       /***/
     },
 
-    /***/ 6320: /***/ (module) => {
-      // extracted by mini-css-extract-plugin
-      module.exports = { helloWorld: "css_helloWorld__aUdUq" };
-
-      /***/
-    },
-
-    /***/ 9643: /***/ (
+    /***/ 8685: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -50,7 +50,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/css",
         function () {
-          return __webpack_require__(5267);
+          return __webpack_require__(6941);
         },
       ]);
       if (false) {
@@ -64,7 +64,7 @@
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(9643)
+      __webpack_exec__(8685)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for dynamic-HASH.js

@@ -1,17 +1,63 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [2291],
   {
-    /***/ 2406: /***/ (
-      module,
-      __unused_webpack_exports,
+    /***/ 2839: /***/ (
+      __unused_webpack_module,
+      __webpack_exports__,
       __webpack_require__
     ) => {
-      module.exports = __webpack_require__(8949);
+      "use strict";
+      __webpack_require__.r(__webpack_exports__);
+      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+        /* harmony export */ __N_SSP: () => /* binding */ __N_SSP,
+        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
+        /* harmony export */
+      });
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
+        __webpack_require__(7765);
+      /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1__ =
+        __webpack_require__(7444);
+      /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1___default =
+        /*#__PURE__*/ __webpack_require__.n(
+          next_dynamic__WEBPACK_IMPORTED_MODULE_1__
+        );
+
+      const DynamicHello = next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()(
+        () =>
+          __webpack_require__
+            .e(/* import() */ 1376)
+            .then(__webpack_require__.bind(__webpack_require__, 1376))
+            .then((mod) => mod.Hello),
+        {
+          loadableGenerated: {
+            webpack: () => [/*require.resolve*/ 1376],
+          },
+        }
+      );
+      const Page = () =>
+        /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
+          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,
+          {
+            children: [
+              /*#__PURE__*/ (0,
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p", {
+                children: "testing next/dynamic size",
+              }),
+              /*#__PURE__*/ (0,
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
+                DynamicHello,
+                {}
+              ),
+            ],
+          }
+        );
+      var __N_SSP = true;
+      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = Page;
 
       /***/
     },
 
-    /***/ 4466: /***/ (
+    /***/ 4478: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -53,7 +99,7 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
       const _react = /*#__PURE__*/ _interop_require_default._(
         __webpack_require__(5977)
       );
-      const _loadablecontextsharedruntime = __webpack_require__(8452);
+      const _loadablecontextsharedruntime = __webpack_require__(5792);
       function resolve(obj) {
         return obj && obj.default ? obj.default : obj;
       }
@@ -288,63 +334,7 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
       /***/
     },
 
-    /***/ 4545: /***/ (
-      __unused_webpack_module,
-      __webpack_exports__,
-      __webpack_require__
-    ) => {
-      "use strict";
-      __webpack_require__.r(__webpack_exports__);
-      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-        /* harmony export */ __N_SSP: () => /* binding */ __N_SSP,
-        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
-        /* harmony export */
-      });
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
-        __webpack_require__(7765);
-      /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(2406);
-      /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1___default =
-        /*#__PURE__*/ __webpack_require__.n(
-          next_dynamic__WEBPACK_IMPORTED_MODULE_1__
-        );
-
-      const DynamicHello = next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()(
-        () =>
-          __webpack_require__
-            .e(/* import() */ 5194)
-            .then(__webpack_require__.bind(__webpack_require__, 5194))
-            .then((mod) => mod.Hello),
-        {
-          loadableGenerated: {
-            webpack: () => [/*require.resolve*/ 5194],
-          },
-        }
-      );
-      const Page = () =>
-        /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
-          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,
-          {
-            children: [
-              /*#__PURE__*/ (0,
-              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p", {
-                children: "testing next/dynamic size",
-              }),
-              /*#__PURE__*/ (0,
-              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
-                DynamicHello,
-                {}
-              ),
-            ],
-          }
-        );
-      var __N_SSP = true;
-      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = Page;
-
-      /***/
-    },
-
-    /***/ 8452: /***/ (
+    /***/ 5792: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -371,24 +361,7 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
       /***/
     },
 
-    /***/ 8931: /***/ (
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      (window.__NEXT_P = window.__NEXT_P || []).push([
-        "/dynamic",
-        function () {
-          return __webpack_require__(4545);
-        },
-      ]);
-      if (false) {
-      }
-
-      /***/
-    },
-
-    /***/ 8949: /***/ (module, exports, __webpack_require__) => {
+    /***/ 6153: /***/ (module, exports, __webpack_require__) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -421,7 +394,7 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
         __webpack_require__(5977)
       );
       const _loadablesharedruntime = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(4466)
+        __webpack_require__(4478)
       );
       const isServerSide = "object" === "undefined";
       // Normalize loader to return the module as form { default: Component } for `React.lazy`.
@@ -521,13 +494,40 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
 
       /***/
     },
+
+    /***/ 7444: /***/ (
+      module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      module.exports = __webpack_require__(6153);
+
+      /***/
+    },
+
+    /***/ 9805: /***/ (
+      __unused_webpack_module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      (window.__NEXT_P = window.__NEXT_P || []).push([
+        "/dynamic",
+        function () {
+          return __webpack_require__(2839);
+        },
+      ]);
+      if (false) {
+      }
+
+      /***/
+    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(8931)
+      __webpack_exec__(9805)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for edge-ssr-HASH.js

@@ -1,24 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [676],
   {
-    /***/ 4717: /***/ (
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      (window.__NEXT_P = window.__NEXT_P || []).push([
-        "/edge-ssr",
-        function () {
-          return __webpack_require__(7776);
-        },
-      ]);
-      if (false) {
-      }
-
-      /***/
-    },
-
-    /***/ 7776: /***/ (
+    /***/ 170: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -37,13 +20,30 @@
 
       /***/
     },
+
+    /***/ 8079: /***/ (
+      __unused_webpack_module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      (window.__NEXT_P = window.__NEXT_P || []).push([
+        "/edge-ssr",
+        function () {
+          return __webpack_require__(170);
+        },
+      ]);
+      if (false) {
+      }
+
+      /***/
+    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(4717)
+      __webpack_exec__(8079)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for head-HASH.js

@@ -1,34 +1,17 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [5350],
   {
-    /***/ 943: /***/ (
+    /***/ 1177: /***/ (
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) => {
-      module.exports = __webpack_require__(2554);
+      module.exports = __webpack_require__(8366);
 
       /***/
     },
 
-    /***/ 3829: /***/ (
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      (window.__NEXT_P = window.__NEXT_P || []).push([
-        "/head",
-        function () {
-          return __webpack_require__(4662);
-        },
-      ]);
-      if (false) {
-      }
-
-      /***/
-    },
-
-    /***/ 4662: /***/ (
+    /***/ 1992: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -43,7 +26,7 @@
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
         __webpack_require__(7765);
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(943);
+        __webpack_require__(1177);
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1___default =
         /*#__PURE__*/ __webpack_require__.n(
           next_head__WEBPACK_IMPORTED_MODULE_1__
@@ -76,13 +59,30 @@
 
       /***/
     },
+
+    /***/ 8751: /***/ (
+      __unused_webpack_module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      (window.__NEXT_P = window.__NEXT_P || []).push([
+        "/head",
+        function () {
+          return __webpack_require__(1992);
+        },
+      ]);
+      if (false) {
+      }
+
+      /***/
+    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(3829)
+      __webpack_exec__(8751)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for hooks-HASH.js

@@ -1,7 +1,24 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [9804],
   {
-    /***/ 2452: /***/ (
+    /***/ 2227: /***/ (
+      __unused_webpack_module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      (window.__NEXT_P = window.__NEXT_P || []).push([
+        "/hooks",
+        function () {
+          return __webpack_require__(2770);
+        },
+      ]);
+      if (false) {
+      }
+
+      /***/
+    },
+
+    /***/ 2770: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -59,30 +76,13 @@
 
       /***/
     },
-
-    /***/ 6105: /***/ (
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      (window.__NEXT_P = window.__NEXT_P || []).push([
-        "/hooks",
-        function () {
-          return __webpack_require__(2452);
-        },
-      ]);
-      if (false) {
-      }
-
-      /***/
-    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(6105)
+      __webpack_exec__(2227)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for link-HASH.js

@@ -1,143 +1,63 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [4672],
   {
-    /***/ 1585: /***/ (module, exports, __webpack_require__) => {
-      "use strict";
-
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      Object.defineProperty(exports, "useIntersection", {
-        enumerable: true,
-        get: function () {
-          return useIntersection;
-        },
-      });
-      const _react = __webpack_require__(5977);
-      const _requestidlecallback = __webpack_require__(356);
-      const hasIntersectionObserver =
-        typeof IntersectionObserver === "function";
-      const observers = new Map();
-      const idList = [];
-      function createObserver(options) {
-        const id = {
-          root: options.root || null,
-          margin: options.rootMargin || "",
-        };
-        const existing = idList.find(
-          (obj) => obj.root === id.root && obj.margin === id.margin
-        );
-        let instance;
-        if (existing) {
-          instance = observers.get(existing);
-          if (instance) {
-            return instance;
-          }
-        }
-        const elements = new Map();
-        const observer = new IntersectionObserver((entries) => {
-          entries.forEach((entry) => {
-            const callback = elements.get(entry.target);
-            const isVisible =
-              entry.isIntersecting || entry.intersectionRatio > 0;
-            if (callback && isVisible) {
-              callback(isVisible);
-            }
-          });
-        }, options);
-        instance = {
-          id,
-          observer,
-          elements,
-        };
-        idList.push(id);
-        observers.set(id, instance);
-        return instance;
-      }
-      function observe(element, callback, options) {
-        const { id, observer, elements } = createObserver(options);
-        elements.set(element, callback);
-        observer.observe(element);
-        return function unobserve() {
-          elements.delete(element);
-          observer.unobserve(element);
-          // Destroy observer when there's nothing left to watch:
-          if (elements.size === 0) {
-            observer.disconnect();
-            observers.delete(id);
-            const index = idList.findIndex(
-              (obj) => obj.root === id.root && obj.margin === id.margin
-            );
-            if (index > -1) {
-              idList.splice(index, 1);
-            }
-          }
-        };
-      }
-      function useIntersection(param) {
-        let { rootRef, rootMargin, disabled } = param;
-        const isDisabled = disabled || !hasIntersectionObserver;
-        const [visible, setVisible] = (0, _react.useState)(false);
-        const elementRef = (0, _react.useRef)(null);
-        const setElement = (0, _react.useCallback)((element) => {
-          elementRef.current = element;
-        }, []);
-        (0, _react.useEffect)(() => {
-          if (hasIntersectionObserver) {
-            if (isDisabled || visible) return;
-            const element = elementRef.current;
-            if (element && element.tagName) {
-              const unobserve = observe(
-                element,
-                (isVisible) => isVisible && setVisible(isVisible),
-                {
-                  root: rootRef == null ? void 0 : rootRef.current,
-                  rootMargin,
-                }
-              );
-              return unobserve;
-            }
-          } else {
-            if (!visible) {
-              const idleCallback = (0,
-              _requestidlecallback.requestIdleCallback)(() => setVisible(true));
-              return () =>
-                (0, _requestidlecallback.cancelIdleCallback)(idleCallback);
-            }
-          }
-          // eslint-disable-next-line react-hooks/exhaustive-deps
-        }, [isDisabled, rootMargin, rootRef, visible, elementRef.current]);
-        const resetVisible = (0, _react.useCallback)(() => {
-          setVisible(false);
-        }, []);
-        return [setElement, visible, resetVisible];
-      }
-      if (
-        (typeof exports.default === "function" ||
-          (typeof exports.default === "object" && exports.default !== null)) &&
-        typeof exports.default.__esModule === "undefined"
-      ) {
-        Object.defineProperty(exports.default, "__esModule", {
-          value: true,
-        });
-        Object.assign(exports.default, exports);
-        module.exports = exports.default;
-      } //# sourceMappingURL=use-intersection.js.map
+    /***/ 2783: /***/ (
+      module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      module.exports = __webpack_require__(5926);
 
       /***/
     },
 
-    /***/ 2621: /***/ (
-      module,
-      __unused_webpack_exports,
+    /***/ 4174: /***/ (
+      __unused_webpack_module,
+      __webpack_exports__,
       __webpack_require__
     ) => {
-      module.exports = __webpack_require__(5410);
+      "use strict";
+      __webpack_require__.r(__webpack_exports__);
+      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+        /* harmony export */ __N_SSP: () => /* binding */ __N_SSP,
+        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
+        /* harmony export */
+      });
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
+        __webpack_require__(7765);
+      /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ =
+        __webpack_require__(2783);
+      /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default =
+        /*#__PURE__*/ __webpack_require__.n(
+          next_link__WEBPACK_IMPORTED_MODULE_1__
+        );
+
+      function aLink(props) {
+        return /*#__PURE__*/ (0,
+        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+          children: [
+            /*#__PURE__*/ (0,
+            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h3", {
+              children: "A Link page!",
+            }),
+            /*#__PURE__*/ (0,
+            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
+              next_link__WEBPACK_IMPORTED_MODULE_1___default(),
+              {
+                href: "/",
+                children: "Go to /",
+              }
+            ),
+          ],
+        });
+      }
+      var __N_SSP = true;
+      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = aLink;
 
       /***/
     },
 
-    /***/ 5410: /***/ (module, exports, __webpack_require__) => {
+    /***/ 5926: /***/ (module, exports, __webpack_require__) => {
       "use strict";
       /* __next_internal_client_entry_do_not_use__  cjs */
       Object.defineProperty(exports, "__esModule", {
@@ -164,16 +84,16 @@
       const _react = /*#__PURE__*/ _interop_require_wildcard._(
         __webpack_require__(5977)
       );
-      const _resolvehref = __webpack_require__(224);
-      const _islocalurl = __webpack_require__(7746);
-      const _formaturl = __webpack_require__(315);
-      const _utils = __webpack_require__(8709);
-      const _addlocale = __webpack_require__(6358);
-      const _routercontextsharedruntime = __webpack_require__(4095);
-      const _useintersection = __webpack_require__(1585);
-      const _getdomainlocale = __webpack_require__(8802);
-      const _addbasepath = __webpack_require__(6151);
-      const _usemergedref = __webpack_require__(9100);
+      const _resolvehref = __webpack_require__(6708);
+      const _islocalurl = __webpack_require__(6526);
+      const _formaturl = __webpack_require__(5575);
+      const _utils = __webpack_require__(3497);
+      const _addlocale = __webpack_require__(722);
+      const _routercontextsharedruntime = __webpack_require__(1235);
+      const _useintersection = __webpack_require__(8069);
+      const _getdomainlocale = __webpack_require__(9734);
+      const _addbasepath = __webpack_require__(4419);
+      const _usemergedref = __webpack_require__(6136);
       const prefetched = new Set();
       function prefetch(router, href, as, options) {
         if (false) {
@@ -495,43 +415,7 @@
       /***/
     },
 
-    /***/ 8802: /***/ (module, exports, __webpack_require__) => {
-      "use strict";
-
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      Object.defineProperty(exports, "getDomainLocale", {
-        enumerable: true,
-        get: function () {
-          return getDomainLocale;
-        },
-      });
-      const _normalizetrailingslash = __webpack_require__(1652);
-      const basePath =
-        /* unused pure expression or super */ null && (false || "");
-      function getDomainLocale(path, locale, locales, domainLocales) {
-        if (false) {
-        } else {
-          return false;
-        }
-      }
-      if (
-        (typeof exports.default === "function" ||
-          (typeof exports.default === "object" && exports.default !== null)) &&
-        typeof exports.default.__esModule === "undefined"
-      ) {
-        Object.defineProperty(exports.default, "__esModule", {
-          value: true,
-        });
-        Object.assign(exports.default, exports);
-        module.exports = exports.default;
-      } //# sourceMappingURL=get-domain-locale.js.map
-
-      /***/
-    },
-
-    /***/ 9100: /***/ (module, exports, __webpack_require__) => {
+    /***/ 6136: /***/ (module, exports, __webpack_require__) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -609,7 +493,7 @@
       /***/
     },
 
-    /***/ 9693: /***/ (
+    /***/ 7047: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -617,7 +501,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/link",
         function () {
-          return __webpack_require__(9948);
+          return __webpack_require__(4174);
         },
       ]);
       if (false) {
@@ -626,48 +510,164 @@
       /***/
     },
 
-    /***/ 9948: /***/ (
-      __unused_webpack_module,
-      __webpack_exports__,
-      __webpack_require__
-    ) => {
+    /***/ 8069: /***/ (module, exports, __webpack_require__) => {
       "use strict";
-      __webpack_require__.r(__webpack_exports__);
-      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-        /* harmony export */ __N_SSP: () => /* binding */ __N_SSP,
-        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
-        /* harmony export */
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
       });
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
-        __webpack_require__(7765);
-      /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(2621);
-      /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default =
-        /*#__PURE__*/ __webpack_require__.n(
-          next_link__WEBPACK_IMPORTED_MODULE_1__
+      Object.defineProperty(exports, "useIntersection", {
+        enumerable: true,
+        get: function () {
+          return useIntersection;
+        },
+      });
+      const _react = __webpack_require__(5977);
+      const _requestidlecallback = __webpack_require__(3432);
+      const hasIntersectionObserver =
+        typeof IntersectionObserver === "function";
+      const observers = new Map();
+      const idList = [];
+      function createObserver(options) {
+        const id = {
+          root: options.root || null,
+          margin: options.rootMargin || "",
+        };
+        const existing = idList.find(
+          (obj) => obj.root === id.root && obj.margin === id.margin
         );
-
-      function aLink(props) {
-        return /*#__PURE__*/ (0,
-        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-          children: [
-            /*#__PURE__*/ (0,
-            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h3", {
-              children: "A Link page!",
-            }),
-            /*#__PURE__*/ (0,
-            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
-              next_link__WEBPACK_IMPORTED_MODULE_1___default(),
-              {
-                href: "/",
-                children: "Go to /",
-              }
-            ),
-          ],
+        let instance;
+        if (existing) {
+          instance = observers.get(existing);
+          if (instance) {
+            return instance;
+          }
+        }
+        const elements = new Map();
+        const observer = new IntersectionObserver((entries) => {
+          entries.forEach((entry) => {
+            const callback = elements.get(entry.target);
+            const isVisible =
+              entry.isIntersecting || entry.intersectionRatio > 0;
+            if (callback && isVisible) {
+              callback(isVisible);
+            }
+          });
+        }, options);
+        instance = {
+          id,
+          observer,
+          elements,
+        };
+        idList.push(id);
+        observers.set(id, instance);
+        return instance;
+      }
+      function observe(element, callback, options) {
+        const { id, observer, elements } = createObserver(options);
+        elements.set(element, callback);
+        observer.observe(element);
+        return function unobserve() {
+          elements.delete(element);
+          observer.unobserve(element);
+          // Destroy observer when there's nothing left to watch:
+          if (elements.size === 0) {
+            observer.disconnect();
+            observers.delete(id);
+            const index = idList.findIndex(
+              (obj) => obj.root === id.root && obj.margin === id.margin
+            );
+            if (index > -1) {
+              idList.splice(index, 1);
+            }
+          }
+        };
+      }
+      function useIntersection(param) {
+        let { rootRef, rootMargin, disabled } = param;
+        const isDisabled = disabled || !hasIntersectionObserver;
+        const [visible, setVisible] = (0, _react.useState)(false);
+        const elementRef = (0, _react.useRef)(null);
+        const setElement = (0, _react.useCallback)((element) => {
+          elementRef.current = element;
+        }, []);
+        (0, _react.useEffect)(() => {
+          if (hasIntersectionObserver) {
+            if (isDisabled || visible) return;
+            const element = elementRef.current;
+            if (element && element.tagName) {
+              const unobserve = observe(
+                element,
+                (isVisible) => isVisible && setVisible(isVisible),
+                {
+                  root: rootRef == null ? void 0 : rootRef.current,
+                  rootMargin,
+                }
+              );
+              return unobserve;
+            }
+          } else {
+            if (!visible) {
+              const idleCallback = (0,
+              _requestidlecallback.requestIdleCallback)(() => setVisible(true));
+              return () =>
+                (0, _requestidlecallback.cancelIdleCallback)(idleCallback);
+            }
+          }
+          // eslint-disable-next-line react-hooks/exhaustive-deps
+        }, [isDisabled, rootMargin, rootRef, visible, elementRef.current]);
+        const resetVisible = (0, _react.useCallback)(() => {
+          setVisible(false);
+        }, []);
+        return [setElement, visible, resetVisible];
+      }
+      if (
+        (typeof exports.default === "function" ||
+          (typeof exports.default === "object" && exports.default !== null)) &&
+        typeof exports.default.__esModule === "undefined"
+      ) {
+        Object.defineProperty(exports.default, "__esModule", {
+          value: true,
         });
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=use-intersection.js.map
+
+      /***/
+    },
+
+    /***/ 9734: /***/ (module, exports, __webpack_require__) => {
+      "use strict";
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
+      });
+      Object.defineProperty(exports, "getDomainLocale", {
+        enumerable: true,
+        get: function () {
+          return getDomainLocale;
+        },
+      });
+      const _normalizetrailingslash = __webpack_require__(504);
+      const basePath =
+        /* unused pure expression or super */ null && (false || "");
+      function getDomainLocale(path, locale, locales, domainLocales) {
+        if (false) {
+        } else {
+          return false;
+        }
       }
-      var __N_SSP = true;
-      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = aLink;
+      if (
+        (typeof exports.default === "function" ||
+          (typeof exports.default === "object" && exports.default !== null)) &&
+        typeof exports.default.__esModule === "undefined"
+      ) {
+        Object.defineProperty(exports.default, "__esModule", {
+          value: true,
+        });
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=get-domain-locale.js.map
 
       /***/
     },
@@ -677,7 +677,7 @@
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(9693)
+      __webpack_exec__(7047)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for script-HASH.js

@@ -1,7 +1,34 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [1209],
   {
-    /***/ 3699: /***/ (
+    /***/ 1008: /***/ (
+      module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      module.exports = __webpack_require__(2817);
+
+      /***/
+    },
+
+    /***/ 6951: /***/ (
+      __unused_webpack_module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      (window.__NEXT_P = window.__NEXT_P || []).push([
+        "/script",
+        function () {
+          return __webpack_require__(8889);
+        },
+      ]);
+      if (false) {
+      }
+
+      /***/
+    },
+
+    /***/ 8889: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -16,7 +43,7 @@
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
         __webpack_require__(7765);
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(4802);
+        __webpack_require__(1008);
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1___default =
         /*#__PURE__*/ __webpack_require__.n(
           next_script__WEBPACK_IMPORTED_MODULE_1__
@@ -48,40 +75,13 @@
 
       /***/
     },
-
-    /***/ 4802: /***/ (
-      module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      module.exports = __webpack_require__(8661);
-
-      /***/
-    },
-
-    /***/ 7861: /***/ (
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      (window.__NEXT_P = window.__NEXT_P || []).push([
-        "/script",
-        function () {
-          return __webpack_require__(3699);
-        },
-      ]);
-      if (false) {
-      }
-
-      /***/
-    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(7861)
+      __webpack_exec__(6951)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for 3414-HASH.js

Diff too large to display

Diff for 8863-HASH.js

@@ -1,8 +1,33 @@
 "use strict";
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [8863],
+  [7009],
   {
-    /***/ 22: /***/ (module, exports, __webpack_require__) => {
+    /***/ 414: /***/ (
+      __unused_webpack_module,
+      exports,
+      __webpack_require__
+    ) => {
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
+      });
+      Object.defineProperty(exports, "AmpStateContext", {
+        enumerable: true,
+        get: function () {
+          return AmpStateContext;
+        },
+      });
+      const _interop_require_default = __webpack_require__(2726);
+      const _react = /*#__PURE__*/ _interop_require_default._(
+        __webpack_require__(2224)
+      );
+      const AmpStateContext = _react.default.createContext({});
+      if (false) {
+      } //# sourceMappingURL=amp-context.shared-runtime.js.map
+
+      /***/
+    },
+
+    /***/ 1912: /***/ (module, exports, __webpack_require__) => {
       Object.defineProperty(exports, "__esModule", {
         value: true,
       });
@@ -12,7 +37,7 @@
           return useMergedRef;
         },
       });
-      const _react = __webpack_require__(2786);
+      const _react = __webpack_require__(2224);
       function useMergedRef(refA, refB) {
         const cleanupA = (0, _react.useRef)(null);
         const cleanupB = (0, _react.useRef)(null);
@@ -78,7 +103,93 @@
       /***/
     },
 
-    /***/ 639: /***/ (__unused_webpack_module, exports) => {
+    /***/ 2843: /***/ (
+      __unused_webpack_module,
+      exports,
+      __webpack_require__
+    ) => {
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
+      });
+      Object.defineProperty(exports, "RouterContext", {
+        enumerable: true,
+        get: function () {
+          return RouterContext;
+        },
+      });
+      const _interop_require_default = __webpack_require__(2726);
+      const _react = /*#__PURE__*/ _interop_require_default._(
+        __webpack_require__(2224)
+      );
+      const RouterContext = _react.default.createContext(null);
+      if (false) {
+      } //# sourceMappingURL=router-context.shared-runtime.js.map
+
+      /***/
+    },
+
+    /***/ 3003: /***/ (
+      __unused_webpack_module,
+      exports,
+      __webpack_require__
+    ) => {
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
+      });
+      Object.defineProperty(exports, "default", {
+        enumerable: true,
+        get: function () {
+          return _default;
+        },
+      });
+      const _findclosestquality = __webpack_require__(5045);
+      function defaultLoader(param) {
+        let { config, src, width, quality } = param;
+        if (false) {
+        }
+        const q = (0, _findclosestquality.findClosestQuality)(quality, config);
+        return (
+          config.path +
+          "?url=" +
+          encodeURIComponent(src) +
+          "&w=" +
+          width +
+          "&q=" +
+          q +
+          (src.startsWith("/_next/static/media/") && false ? 0 : "")
+        );
+      }
+      // We use this to determine if the import is the default loader
+      // or a custom loader defined by the user in next.config.js
+      defaultLoader.__next_img_default = true;
+      const _default = defaultLoader; //# sourceMappingURL=image-loader.js.map
+
+      /***/
+    },
+
+    /***/ 3810: /***/ (__unused_webpack_module, exports) => {
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
+      });
+      Object.defineProperty(exports, "isInAmpMode", {
+        enumerable: true,
+        get: function () {
+          return isInAmpMode;
+        },
+      });
+      function isInAmpMode(param) {
+        let {
+          ampFirst = false,
+          hybrid = false,
+          hasQuery = false,
+        } = param === void 0 ? {} : param;
+        return ampFirst || (hybrid && hasQuery);
+      } //# sourceMappingURL=amp-mode.js.map
+
+      /***/
+    },
+
+    /***/ 5045: /***/ (__unused_webpack_module, exports) => {
       Object.defineProperty(exports, "__esModule", {
         value: true,
       });
@@ -109,56 +220,7 @@
       /***/
     },
 
-    /***/ 936: /***/ (__unused_webpack_module, exports) => {
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      0 && 0;
-      function _export(target, all) {
-        for (var name in all)
-          Object.defineProperty(target, name, {
-            enumerable: true,
-            get: all[name],
-          });
-      }
-      _export(exports, {
-        VALID_LOADERS: function () {
-          return VALID_LOADERS;
-        },
-        imageConfigDefault: function () {
-          return imageConfigDefault;
-        },
-      });
-      const VALID_LOADERS = [
-        "default",
-        "imgix",
-        "cloudinary",
-        "akamai",
-        "custom",
-      ];
-      const imageConfigDefault = {
-        deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
-        imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
-        path: "/_next/image",
-        loader: "default",
-        loaderFile: "",
-        domains: [],
-        disableStaticImages: false,
-        minimumCacheTTL: 14400,
-        formats: ["image/webp"],
-        dangerouslyAllowSVG: false,
-        contentSecurityPolicy: "script-src 'none'; frame-src 'none'; sandbox;",
-        contentDispositionType: "attachment",
-        localPatterns: undefined,
-        remotePatterns: [],
-        qualities: [75],
-        unoptimized: false,
-      }; //# sourceMappingURL=image-config.js.map
-
-      /***/
-    },
-
-    /***/ 1268: /***/ (__unused_webpack_module, exports) => {
+    /***/ 5218: /***/ (__unused_webpack_module, exports) => {
       /**
        * A shared function, used on both client and server, to generate a SVG blur placeholder.
        */
@@ -212,7 +274,7 @@
       /***/
     },
 
-    /***/ 1796: /***/ (module, exports, __webpack_require__) => {
+    /***/ 5402: /***/ (module, exports, __webpack_require__) => {
       /* __next_internal_client_entry_do_not_use__  cjs */
       Object.defineProperty(exports, "__esModule", {
         value: true,
@@ -233,19 +295,19 @@
           return defaultHead;
         },
       });
-      const _interop_require_default = __webpack_require__(8182);
-      const _interop_require_wildcard = __webpack_require__(8319);
-      const _jsxruntime = __webpack_require__(1050);
+      const _interop_require_default = __webpack_require__(2726);
+      const _interop_require_wildcard = __webpack_require__(2527);
+      const _jsxruntime = __webpack_require__(8204);
       const _react = /*#__PURE__*/ _interop_require_wildcard._(
-        __webpack_require__(2786)
+        __webpack_require__(2224)
       );
       const _sideeffect = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(5581)
+        __webpack_require__(9319)
       );
-      const _ampcontextsharedruntime = __webpack_require__(3800);
-      const _headmanagercontextsharedruntime = __webpack_require__(4950);
-      const _ampmode = __webpack_require__(7824);
-      const _warnonce = __webpack_require__(2854);
+      const _ampcontextsharedruntime = __webpack_require__(414);
+      const _headmanagercontextsharedruntime = __webpack_require__(3100);
+      const _ampmode = __webpack_require__(3810);
+      const _warnonce = __webpack_require__(4504);
       function defaultHead(inAmpMode) {
         if (inAmpMode === void 0) inAmpMode = false;
         const head = [
@@ -410,7 +472,7 @@
       /***/
     },
 
-    /***/ 2843: /***/ (
+    /***/ 6745: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -424,9 +486,9 @@
           return getImgProps;
         },
       });
-      const _warnonce = __webpack_require__(2854);
-      const _imageblursvg = __webpack_require__(1268);
-      const _imageconfig = __webpack_require__(936);
+      const _warnonce = __webpack_require__(4504);
+      const _imageblursvg = __webpack_require__(5218);
+      const _imageconfig = __webpack_require__(9278);
       const VALID_LOADING_VALUES =
         /* unused pure expression or super */ null && [
           "lazy",
@@ -858,239 +920,7 @@
       /***/
     },
 
-    /***/ 3800: /***/ (
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) => {
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      Object.defineProperty(exports, "AmpStateContext", {
-        enumerable: true,
-        get: function () {
-          return AmpStateContext;
-        },
-      });
-      const _interop_require_default = __webpack_require__(8182);
-      const _react = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(2786)
-      );
-      const AmpStateContext = _react.default.createContext({});
-      if (false) {
-      } //# sourceMappingURL=amp-context.shared-runtime.js.map
-
-      /***/
-    },
-
-    /***/ 5581: /***/ (
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) => {
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      Object.defineProperty(exports, "default", {
-        enumerable: true,
-        get: function () {
-          return SideEffect;
-        },
-      });
-      const _react = __webpack_require__(2786);
-      const isServer = "object" === "undefined";
-      const useClientOnlyLayoutEffect = isServer
-        ? () => {}
-        : _react.useLayoutEffect;
-      const useClientOnlyEffect = isServer ? () => {} : _react.useEffect;
-      function SideEffect(props) {
-        const { headManager, reduceComponentsToState } = props;
-        function emitChange() {
-          if (headManager && headManager.mountedInstances) {
-            const headElements = _react.Children.toArray(
-              Array.from(headManager.mountedInstances).filter(Boolean)
-            );
-            headManager.updateHead(
-              reduceComponentsToState(headElements, props)
-            );
-          }
-        }
-        if (isServer) {
-          var _headManager_mountedInstances;
-          headManager == null
-            ? void 0
-            : (_headManager_mountedInstances = headManager.mountedInstances) ==
-              null
-            ? void 0
-            : _headManager_mountedInstances.add(props.children);
-          emitChange();
-        }
-        useClientOnlyLayoutEffect(() => {
-          var _headManager_mountedInstances;
-          headManager == null
-            ? void 0
-            : (_headManager_mountedInstances = headManager.mountedInstances) ==
-              null
-            ? void 0
-            : _headManager_mountedInstances.add(props.children);
-          return () => {
-            var _headManager_mountedInstances;
-            headManager == null
-              ? void 0
-              : (_headManager_mountedInstances =
-                  headManager.mountedInstances) == null
-              ? void 0
-              : _headManager_mountedInstances.delete(props.children);
-          };
-        });
-        // We need to call `updateHead` method whenever the `SideEffect` is trigger in all
-        // life-cycles: mount, update, unmount. However, if there are multiple `SideEffect`s
-        // being rendered, we only trigger the method from the last one.
-        // This is ensured by keeping the last unflushed `updateHead` in the `_pendingUpdate`
-        // singleton in the layout effect pass, and actually trigger it in the effect pass.
-        useClientOnlyLayoutEffect(() => {
-          if (headManager) {
-            headManager._pendingUpdate = emitChange;
-          }
-          return () => {
-            if (headManager) {
-              headManager._pendingUpdate = emitChange;
-            }
-          };
-        });
-        useClientOnlyEffect(() => {
-          if (headManager && headManager._pendingUpdate) {
-            headManager._pendingUpdate();
-            headManager._pendingUpdate = null;
-          }
-          return () => {
-            if (headManager && headManager._pendingUpdate) {
-              headManager._pendingUpdate();
-              headManager._pendingUpdate = null;
-            }
-          };
-        });
-        return null;
-      } //# sourceMappingURL=side-effect.js.map
-
-      /***/
-    },
-
-    /***/ 7053: /***/ (
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) => {
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      Object.defineProperty(exports, "RouterContext", {
-        enumerable: true,
-        get: function () {
-          return RouterContext;
-        },
-      });
-      const _interop_require_default = __webpack_require__(8182);
-      const _react = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(2786)
-      );
-      const RouterContext = _react.default.createContext(null);
-      if (false) {
-      } //# sourceMappingURL=router-context.shared-runtime.js.map
-
-      /***/
-    },
-
-    /***/ 7281: /***/ (
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) => {
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      Object.defineProperty(exports, "default", {
-        enumerable: true,
-        get: function () {
-          return _default;
-        },
-      });
-      const _findclosestquality = __webpack_require__(639);
-      function defaultLoader(param) {
-        let { config, src, width, quality } = param;
-        if (false) {
-        }
-        const q = (0, _findclosestquality.findClosestQuality)(quality, config);
-        return (
-          config.path +
-          "?url=" +
-          encodeURIComponent(src) +
-          "&w=" +
-          width +
-          "&q=" +
-          q +
-          (src.startsWith("/_next/static/media/") && false ? 0 : "")
-        );
-      }
-      // We use this to determine if the import is the default loader
-      // or a custom loader defined by the user in next.config.js
-      defaultLoader.__next_img_default = true;
-      const _default = defaultLoader; //# sourceMappingURL=image-loader.js.map
-
-      /***/
-    },
-
-    /***/ 7480: /***/ (
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) => {
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      Object.defineProperty(exports, "ImageConfigContext", {
-        enumerable: true,
-        get: function () {
-          return ImageConfigContext;
-        },
-      });
-      const _interop_require_default = __webpack_require__(8182);
-      const _react = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(2786)
-      );
-      const _imageconfig = __webpack_require__(936);
-      const ImageConfigContext = _react.default.createContext(
-        _imageconfig.imageConfigDefault
-      );
-      if (false) {
-      } //# sourceMappingURL=image-config-context.shared-runtime.js.map
-
-      /***/
-    },
-
-    /***/ 7824: /***/ (__unused_webpack_module, exports) => {
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      Object.defineProperty(exports, "isInAmpMode", {
-        enumerable: true,
-        get: function () {
-          return isInAmpMode;
-        },
-      });
-      function isInAmpMode(param) {
-        let {
-          ampFirst = false,
-          hybrid = false,
-          hasQuery = false,
-        } = param === void 0 ? {} : param;
-        return ampFirst || (hybrid && hasQuery);
-      } //# sourceMappingURL=amp-mode.js.map
-
-      /***/
-    },
-
-    /***/ 8863: /***/ (module, exports, __webpack_require__) => {
+    /***/ 7009: /***/ (module, exports, __webpack_require__) => {
       /* __next_internal_client_entry_do_not_use__  cjs */
       Object.defineProperty(exports, "__esModule", {
         value: true,
@@ -1101,27 +931,27 @@
           return Image;
         },
       });
-      const _interop_require_default = __webpack_require__(8182);
-      const _interop_require_wildcard = __webpack_require__(8319);
-      const _jsxruntime = __webpack_require__(1050);
+      const _interop_require_default = __webpack_require__(2726);
+      const _interop_require_wildcard = __webpack_require__(2527);
+      const _jsxruntime = __webpack_require__(8204);
       const _react = /*#__PURE__*/ _interop_require_wildcard._(
-        __webpack_require__(2786)
+        __webpack_require__(2224)
       );
       const _reactdom = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(1407)
+        __webpack_require__(1345)
       );
       const _head = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(1796)
+        __webpack_require__(5402)
       );
-      const _getimgprops = __webpack_require__(2843);
-      const _imageconfig = __webpack_require__(936);
-      const _imageconfigcontextsharedruntime = __webpack_require__(7480);
-      const _warnonce = __webpack_require__(2854);
-      const _routercontextsharedruntime = __webpack_require__(7053);
+      const _getimgprops = __webpack_require__(6745);
+      const _imageconfig = __webpack_require__(9278);
+      const _imageconfigcontextsharedruntime = __webpack_require__(9690);
+      const _warnonce = __webpack_require__(4504);
+      const _routercontextsharedruntime = __webpack_require__(2843);
       const _imageloader = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(7281)
+        __webpack_require__(3003)
       );
-      const _usemergedref = __webpack_require__(22);
+      const _usemergedref = __webpack_require__(1912);
       // This is replaced by webpack define plugin
       const configEnv = {
         deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
@@ -1447,5 +1277,175 @@
 
       /***/
     },
+
+    /***/ 9278: /***/ (__unused_webpack_module, exports) => {
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
+      });
+      0 && 0;
+      function _export(target, all) {
+        for (var name in all)
+          Object.defineProperty(target, name, {
+            enumerable: true,
+            get: all[name],
+          });
+      }
+      _export(exports, {
+        VALID_LOADERS: function () {
+          return VALID_LOADERS;
+        },
+        imageConfigDefault: function () {
+          return imageConfigDefault;
+        },
+      });
+      const VALID_LOADERS = [
+        "default",
+        "imgix",
+        "cloudinary",
+        "akamai",
+        "custom",
+      ];
+      const imageConfigDefault = {
+        deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
+        imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
+        path: "/_next/image",
+        loader: "default",
+        loaderFile: "",
+        domains: [],
+        disableStaticImages: false,
+        minimumCacheTTL: 14400,
+        formats: ["image/webp"],
+        dangerouslyAllowSVG: false,
+        contentSecurityPolicy: "script-src 'none'; frame-src 'none'; sandbox;",
+        contentDispositionType: "attachment",
+        localPatterns: undefined,
+        remotePatterns: [],
+        qualities: [75],
+        unoptimized: false,
+      }; //# sourceMappingURL=image-config.js.map
+
+      /***/
+    },
+
+    /***/ 9319: /***/ (
+      __unused_webpack_module,
+      exports,
+      __webpack_require__
+    ) => {
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
+      });
+      Object.defineProperty(exports, "default", {
+        enumerable: true,
+        get: function () {
+          return SideEffect;
+        },
+      });
+      const _react = __webpack_require__(2224);
+      const isServer = "object" === "undefined";
+      const useClientOnlyLayoutEffect = isServer
+        ? () => {}
+        : _react.useLayoutEffect;
+      const useClientOnlyEffect = isServer ? () => {} : _react.useEffect;
+      function SideEffect(props) {
+        const { headManager, reduceComponentsToState } = props;
+        function emitChange() {
+          if (headManager && headManager.mountedInstances) {
+            const headElements = _react.Children.toArray(
+              Array.from(headManager.mountedInstances).filter(Boolean)
+            );
+            headManager.updateHead(
+              reduceComponentsToState(headElements, props)
+            );
+          }
+        }
+        if (isServer) {
+          var _headManager_mountedInstances;
+          headManager == null
+            ? void 0
+            : (_headManager_mountedInstances = headManager.mountedInstances) ==
+              null
+            ? void 0
+            : _headManager_mountedInstances.add(props.children);
+          emitChange();
+        }
+        useClientOnlyLayoutEffect(() => {
+          var _headManager_mountedInstances;
+          headManager == null
+            ? void 0
+            : (_headManager_mountedInstances = headManager.mountedInstances) ==
+              null
+            ? void 0
+            : _headManager_mountedInstances.add(props.children);
+          return () => {
+            var _headManager_mountedInstances;
+            headManager == null
+              ? void 0
+              : (_headManager_mountedInstances =
+                  headManager.mountedInstances) == null
+              ? void 0
+              : _headManager_mountedInstances.delete(props.children);
+          };
+        });
+        // We need to call `updateHead` method whenever the `SideEffect` is trigger in all
+        // life-cycles: mount, update, unmount. However, if there are multiple `SideEffect`s
+        // being rendered, we only trigger the method from the last one.
+        // This is ensured by keeping the last unflushed `updateHead` in the `_pendingUpdate`
+        // singleton in the layout effect pass, and actually trigger it in the effect pass.
+        useClientOnlyLayoutEffect(() => {
+          if (headManager) {
+            headManager._pendingUpdate = emitChange;
+          }
+          return () => {
+            if (headManager) {
+              headManager._pendingUpdate = emitChange;
+            }
+          };
+        });
+        useClientOnlyEffect(() => {
+          if (headManager && headManager._pendingUpdate) {
+            headManager._pendingUpdate();
+            headManager._pendingUpdate = null;
+          }
+          return () => {
+            if (headManager && headManager._pendingUpdate) {
+              headManager._pendingUpdate();
+              headManager._pendingUpdate = null;
+            }
+          };
+        });
+        return null;
+      } //# sourceMappingURL=side-effect.js.map
+
+      /***/
+    },
+
+    /***/ 9690: /***/ (
+      __unused_webpack_module,
+      exports,
+      __webpack_require__
+    ) => {
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
+      });
+      Object.defineProperty(exports, "ImageConfigContext", {
+        enumerable: true,
+        get: function () {
+          return ImageConfigContext;
+        },
+      });
+      const _interop_require_default = __webpack_require__(2726);
+      const _react = /*#__PURE__*/ _interop_require_default._(
+        __webpack_require__(2224)
+      );
+      const _imageconfig = __webpack_require__(9278);
+      const ImageConfigContext = _react.default.createContext(
+        _imageconfig.imageConfigDefault
+      );
+      if (false) {
+      } //# sourceMappingURL=image-config-context.shared-runtime.js.map
+
+      /***/
+    },
   },
 ]);

Diff for 9304-HASH.js

Diff too large to display

Diff for main-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

failed to diff

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

failed to diff

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

failed to diff

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

failed to diff

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..ntime.dev.js

Diff too large to display

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

Diff too large to display

Diff for app-route-tu..ntime.dev.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

Commit: 85f637a

[eps1lon]

Requires facebook/react#34614