Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Upgrade React from 2d16326d-20240930 to d8c90fa4-20241001 #70671

Closed
wants to merge 6 commits into from

Conversation

@ijjk ijjk added CI approved Approve running CI for fork create-next-app Related to our CLI tool for quickly starting a new Next.js application. examples Issue/PR related to examples tests type: next labels Oct 1, 2024
@ijjk
Copy link
Member

ijjk commented Oct 1, 2024

Failing test suites

Commit: c4a7f76

pnpm test test/integration/app-dir-export/test/dev-custom-dist-dir.test.ts

  • app dir - with output export and custom distDir (next dev) > should render properly
Expand output

● app dir - with output export and custom distDir (next dev) › should render properly

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

Expected: 200
Received: 500

  31 |   it('should render properly', async () => {
  32 |     const res = await fetchViaHTTP(appPort, '/')
> 33 |     expect(res.status).toBe(200)
     |                        ^
  34 |     expect(await res.text()).toContain('Home')
  35 |   })
  36 | })

  at Object.toBe (integration/app-dir-export/test/dev-custom-dist-dir.test.ts:33:24)

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

TURBOPACK=1 pnpm test-dev test/development/app-dir/dev-fetch-hmr/dev-fetch-hmr.test.ts (turbopack)

  • dev-fetch-hmr > should retain module level fetch patching
Expand output

● dev-fetch-hmr › should retain module level fetch patching

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

Expected: "touch to trigger HMR"
Received: ""

  21 |     expect(magicNumber2).toBe(magicNumber)
  22 |     const update = cheerio.load(html2)('#update').text()
> 23 |     expect(update).toBe('touch to trigger HMR')
     |                    ^
  24 |
  25 |     // trigger HMR
  26 |     await next.patchFile('app/page.tsx', (content) =>

  at Object.toBe (development/app-dir/dev-fetch-hmr/dev-fetch-hmr.test.ts:23:20)

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

TURBOPACK=1 pnpm test-dev test/development/acceptance-app/dynamic-error.test.ts (turbopack)

  • dynamic = "error" in devmode > should show error overlay when dynamic is forced
Expand output

● dynamic = "error" in devmode › should show error overlay when dynamic is forced

Expected Redbox but found none

  31 |     )
  32 |
> 33 |     await session.assertHasRedbox()
     |     ^
  34 |     console.log(await session.getRedboxDescription())
  35 |     expect(await session.getRedboxDescription()).toMatchInlineSnapshot(
  36 |       `"Error: Route /server with \`dynamic = "error"\` couldn't be rendered statically because it used \`cookies\`. See more info here: https://nextjs.org/docs/app/building-your-application/rendering/static-and-dynamic#dynamic-rendering"`

  at Object.<anonymous> (development/acceptance-app/dynamic-error.test.ts:33:5)

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

pnpm test test/integration/babel-next-image/babel-next-image.test.js

  • babel-next-image > should work with babel and next/image
Expand output

● babel-next-image › should work with babel and next/image

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

Expected: 200
Received: 500

  15 |   it('should work with babel and next/image', async () => {
  16 |     const res = await fetchViaHTTP(appPort, '/')
> 17 |     expect(res.status).toBe(200)
     |                        ^
  18 |   })
  19 | })
  20 |

  at Object.toBe (integration/babel-next-image/babel-next-image.test.js:17:24)

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

pnpm test-dev test/development/basic/barrel-optimization/barrel-optimization-mui.test.ts

  • Skipped in Turbopack > optimizePackageImports - mui > should support MUI
Expand output

● Skipped in Turbopack › optimizePackageImports - mui › should support MUI

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

Expected substring: "button"
Received string:    ""

  29 |         // Ensure that MUI is working
  30 |         const $ = await next.render$('/mui')
> 31 |         expect(await $('#button').text()).toContain('button')
     |                                           ^
  32 |         expect(await $('#typography').text()).toContain('typography')
  33 |
  34 |         const browser = await next.browser('/mui')

  at Object.toContain (development/basic/barrel-optimization/barrel-optimization-mui.test.ts:31:43)

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

TURBOPACK=1 pnpm test-dev test/development/app-dir/dynamic-io-warnings/dynamic-io.warnings.test.ts (turbopack)

  • dynamic-requests warnings > warnings on sync cookie access
  • dynamic-requests warnings > warnings on sync draftMode access
  • dynamic-requests warnings > warnings on sync headers access
  • dynamic-requests warnings > warnings on sync params access
  • dynamic-requests warnings > warnings on sync searchParams access
Expand output

● dynamic-requests warnings › warnings on sync cookie access

expect(received).toEqual(expected) // deep equality

- Expected  -  4
+ Received  + 11

@@ -1,11 +1,18 @@
  Object {
    "browserConsoleErrors": Array [
-     StringContaining "In route /pages/cookies a cookie property was accessed directly with `cookies().get('page')`.",
-     StringContaining "In route /pages/cookies a cookie property was accessed directly with `cookies().get('component')`.",
-     StringContaining "In route /pages/cookies a cookie property was accessed directly with `cookies().has('component')`.",
-     StringContaining "In route /pages/cookies cookies were iterated over",
+     "Failed to load resource: the server responded with a status of 500 (Internal Server Error)",
+     "%c%s%c  In route /pages/cookies a cookie property was accessed directly with `cookies().get('page')`. `cookies()` should be awaited before using its value. Learn more: https://nextjs.org/docs/messages/sync-dynamic-apis background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px  Server  ",
+     "%c%s%c  In route /pages/cookies a cookie property was accessed directly with `cookies().get('component')`. `cookies()` should be awaited before using its value. Learn more: https://nextjs.org/docs/messages/sync-dynamic-apis background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px  Server  ",
+     "%c%s%c  In route /pages/cookies a cookie property was accessed directly with `cookies().has('component')`. `cookies()` should be awaited before using its value. Learn more: https://nextjs.org/docs/messages/sync-dynamic-apis background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px  Server  ",
+     "%c%s%c  In route /pages/cookies cookies were iterated over. `cookies()` should be awaited before using its value. Learn more: https://nextjs.org/docs/messages/sync-dynamic-apis background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px  Server  ",
+     "%o
+
+ %s
+
+ %s
+  This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects. The above error occurred in the <NotFoundErrorBoundary> component. React will try to recreate this component tree from scratch using the error boundary you provided, ErrorBoundaryHandler.",
    ],
    "terminalCookieErrors": Array [
      StringContaining "In route /pages/cookies a cookie property was accessed directly with `cookies().get('page')`.",
      StringContaining "In route /pages/cookies a cookie property was accessed directly with `cookies().get('component')`.",
      StringContaining "In route /pages/cookies a cookie property was accessed directly with `cookies().has('component')`.",

  19 |       return line.includes('In route /pages/cookies')
  20 |     })
> 21 |     expect({ browserConsoleErrors, terminalCookieErrors }).toEqual({
     |                                                            ^
  22 |       browserConsoleErrors: [
  23 |         expect.stringContaining(
  24 |           "In route /pages/cookies a cookie property was accessed directly with `cookies().get('page')`."

  at Object.toEqual (development/app-dir/dynamic-io-warnings/dynamic-io.warnings.test.ts:21:60)

● dynamic-requests warnings › warnings on sync draftMode access

expect(received).toEqual(expected) // deep equality

- Expected  -  3
+ Received  + 10

@@ -1,11 +1,18 @@
  Object {
    "browserConsoleErrors": Array [
+     "Failed to load resource: the server responded with a status of 500 (Internal Server Error)",
      StringContaining "In route /pages/draftMode a `draftMode()` property was accessed directly with `draftMode().isEnabled`.",
-     StringContaining "In route /pages/draftMode a `draftMode()` property was accessed directly with `draftMode().isEnabled`.",
-     StringContaining "In route /pages/draftMode a `draftMode()` property was accessed directly with `draftMode().enable()`.",
-     StringContaining "In route /pages/draftMode a `draftMode()` property was accessed directly with `draftMode().isEnabled`.",
+     "%c%s%c  In route /pages/draftMode a `draftMode()` property was accessed directly with `draftMode().isEnabled`. `draftMode()` should be awaited before using its value. Learn more: https://nextjs.org/docs/messages/draft-mode-sync-access background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px  Server  ",
+     "%c%s%c  In route /pages/draftMode a `draftMode()` property was accessed directly with `draftMode().enable()`. `draftMode()` should be awaited before using its value. Learn more: https://nextjs.org/docs/messages/draft-mode-sync-access background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px  Server  ",
+     "%c%s%c  In route /pages/draftMode a `draftMode()` property was accessed directly with `draftMode().isEnabled`. `draftMode()` should be awaited before using its value. Learn more: https://nextjs.org/docs/messages/draft-mode-sync-access background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px  Server  ",
+     "%o
+
+ %s
+
+ %s
+  This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects. The above error occurred in the <NotFoundErrorBoundary> component. React will try to recreate this component tree from scratch using the error boundary you provided, ErrorBoundaryHandler.",
    ],
    "terminalCookieErrors": Array [
      StringContaining "In route /pages/draftMode a `draftMode()` property was accessed directly with `draftMode().isEnabled`.",
      StringContaining "In route /pages/draftMode a `draftMode()` property was accessed directly with `draftMode().isEnabled`.",
      StringContaining "In route /pages/draftMode a `draftMode()` property was accessed directly with `draftMode().enable()`.",

  64 |       return line.includes('In route /pages/draftMode')
  65 |     })
> 66 |     expect({ browserConsoleErrors, terminalCookieErrors }).toEqual({
     |                                                            ^
  67 |       browserConsoleErrors: [
  68 |         expect.stringContaining(
  69 |           'In route /pages/draftMode a `draftMode()` property was accessed directly with `draftMode().isEnabled`.'

  at Object.toEqual (development/app-dir/dynamic-io-warnings/dynamic-io.warnings.test.ts:66:60)

● dynamic-requests warnings › warnings on sync headers access

expect(received).toEqual(expected) // deep equality

- Expected  -  4
+ Received  + 11

@@ -1,11 +1,18 @@
  Object {
    "browserConsoleErrors": Array [
-     StringContaining "In route /pages/headers a header property was accessed directly with `headers().get('page')`.",
-     StringContaining "In route /pages/headers a header property was accessed directly with `headers().get('component')`.",
-     StringContaining "In route /pages/headers a header property was accessed directly with `headers().has('component')`.",
-     StringContaining "In route /pages/headers headers were iterated over",
+     "Failed to load resource: the server responded with a status of 500 (Internal Server Error)",
+     "%c%s%c  In route /pages/headers a header property was accessed directly with `headers().get('page')`. `headers()` should be awaited before using its value. Learn more: https://nextjs.org/docs/messages/sync-dynamic-apis background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px  Server  ",
+     "%c%s%c  In route /pages/headers a header property was accessed directly with `headers().get('component')`. `headers()` should be awaited before using its value. Learn more: https://nextjs.org/docs/messages/sync-dynamic-apis background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px  Server  ",
+     "%c%s%c  In route /pages/headers a header property was accessed directly with `headers().has('component')`. `headers()` should be awaited before using its value. Learn more: https://nextjs.org/docs/messages/sync-dynamic-apis background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px  Server  ",
+     "%c%s%c  In route /pages/headers headers were iterated over. `headers()` should be awaited before using its value. Learn more: https://nextjs.org/docs/messages/sync-dynamic-apis background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px  Server  ",
+     "%o
+
+ %s
+
+ %s
+  This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects. The above error occurred in the <NotFoundErrorBoundary> component. React will try to recreate this component tree from scratch using the error boundary you provided, ErrorBoundaryHandler.",
    ],
    "terminalCookieErrors": Array [
      StringContaining "In route /pages/headers a header property was accessed directly with `headers().get('page')`.",
      StringContaining "In route /pages/headers a header property was accessed directly with `headers().get('component')`.",
      StringContaining "In route /pages/headers a header property was accessed directly with `headers().has('component')`.",

  109 |       return line.includes('In route /pages/headers')
  110 |     })
> 111 |     expect({ browserConsoleErrors, terminalCookieErrors }).toEqual({
      |                                                            ^
  112 |       browserConsoleErrors: [
  113 |         expect.stringContaining(
  114 |           "In route /pages/headers a header property was accessed directly with `headers().get('page')`."

  at Object.toEqual (development/app-dir/dynamic-io-warnings/dynamic-io.warnings.test.ts:111:60)

● dynamic-requests warnings › warnings on sync params access

expect(received).toEqual(expected) // deep equality

- Expected  - 2
+ Received  + 9

@@ -1,11 +1,18 @@
  Object {
    "browserConsoleErrors": Array [
+     "Failed to load resource: the server responded with a status of 500 (Internal Server Error)",
      StringContaining "In route /pages/params/[slug] a param property was accessed directly with `params.slug`.",
      StringContaining "In route /pages/params/[slug] a param property was accessed directly with `params.slug`.",
-     StringContaining "In route /pages/params/[slug] a param property was accessed directly with `params.slug`.",
-     StringContaining "In route /pages/params/[slug] params are being enumerated",
+     "%c%s%c  In route /pages/params/[slug] a param property was accessed directly with `params.slug`. `params` should be awaited before accessing its properties. Learn more: https://nextjs.org/docs/messages/sync-dynamic-apis background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px  Server  ",
+     "%c%s%c  In route /pages/params/[slug] params are being enumerated. `params` should be awaited before accessing its properties. Learn more: https://nextjs.org/docs/messages/sync-dynamic-apis background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px  Server  ",
+     "%o
+
+ %s
+
+ %s
+  This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects. The above error occurred in the <NotFoundErrorBoundary> component. React will try to recreate this component tree from scratch using the error boundary you provided, ErrorBoundaryHandler.",
    ],
    "terminalCookieErrors": Array [
      StringContaining "In route /pages/params/[slug] a param property was accessed directly with `params.slug`.",
      StringContaining "In route /pages/params/[slug] a param property was accessed directly with `params.slug`.",
      StringContaining "In route /pages/params/[slug] a param property was accessed directly with `params.slug`.",

  154 |       return line.includes('In route /pages/params/[slug]')
  155 |     })
> 156 |     expect({ browserConsoleErrors, terminalCookieErrors }).toEqual({
      |                                                            ^
  157 |       browserConsoleErrors: [
  158 |         expect.stringContaining(
  159 |           'In route /pages/params/[slug] a param property was accessed directly with `params.slug`.'

  at Object.toEqual (development/app-dir/dynamic-io-warnings/dynamic-io.warnings.test.ts:156:60)

● dynamic-requests warnings › warnings on sync searchParams access

expect(received).toEqual(expected) // deep equality

- Expected  - 2
+ Received  + 9

@@ -1,11 +1,18 @@
  Object {
    "browserConsoleErrors": Array [
+     "Failed to load resource: the server responded with a status of 500 (Internal Server Error)",
      StringContaining "In route /pages/searchParams a searchParam property was accessed directly with `searchParams.slug`.",
      StringContaining "In route /pages/searchParams a searchParam property was accessed directly with `searchParams.slug`.",
-     StringContaining "In route /pages/searchParams a searchParam property was accessed directly with `searchParams.slug`.",
-     StringContaining "In route /pages/searchParams searchParams are being enumerated",
+     "%c%s%c  In route /pages/searchParams a searchParam property was accessed directly with `searchParams.slug`. `searchParams` should be awaited before accessing properties. Learn more: https://nextjs.org/docs/messages/sync-dynamic-apis background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px  Server  ",
+     "%c%s%c  In route /pages/searchParams searchParams are being enumerated. `searchParams` should be awaited before accessing its properties. Learn more: https://nextjs.org/docs/messages/sync-dynamic-apis background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px  Server  ",
+     "%o
+
+ %s
+
+ %s
+  This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects. The above error occurred in the <NotFoundErrorBoundary> component. React will try to recreate this component tree from scratch using the error boundary you provided, ErrorBoundaryHandler.",
    ],
    "terminalCookieErrors": Array [
      StringContaining "In route /pages/searchParams a searchParam property was accessed directly with `searchParams.slug`.",
      StringContaining "In route /pages/searchParams a searchParam property was accessed directly with `searchParams.slug`.",
      StringContaining "In route /pages/searchParams a searchParam property was accessed directly with `searchParams.slug`.",

  199 |       return line.includes('In route /pages/searchParams')
  200 |     })
> 201 |     expect({ browserConsoleErrors, terminalCookieErrors }).toEqual({
      |                                                            ^
  202 |       browserConsoleErrors: [
  203 |         expect.stringContaining(
  204 |           'In route /pages/searchParams a searchParam property was accessed directly with `searchParams.slug`.'

  at Object.toEqual (development/app-dir/dynamic-io-warnings/dynamic-io.warnings.test.ts:201:60)

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

TURBOPACK=1 pnpm test-dev test/development/app-dir/experimental-lightningcss/experimental-lightningcss.test.ts (turbopack)

  • experimental-lightningcss > should support css modules
Expand output

● experimental-lightningcss › should support css modules

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

Expected: "hello world"
Received: ""

  10 |     // Recommended for tests that check HTML. Cheerio is a HTML parser that has a jQuery like API.
  11 |     const $ = await next.render$('/')
> 12 |     expect($('p').text()).toBe('hello world')
     |                           ^
  13 |     // swc_css does not include `-module` in the class name, while lightningcss does.
  14 |     expect($('p').attr('class')).toBe(
  15 |       'search-keyword style-module__hlQ3RG__blue'

  at Object.toBe (development/app-dir/experimental-lightningcss/experimental-lightningcss.test.ts:12:27)

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

TURBOPACK=1 pnpm test-dev test/development/acceptance-app/editor-links.test.ts (turbopack)

  • Error overlay - editor links > should be possible to open source file on build error
Expand output

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

Application is in inconsistent state: timeout.

  90 |           }
  91 |           if (status !== 'pending') {
> 92 |             throw new Error(`Application is in inconsistent state: ${status}.`)
     |                   ^
  93 |           }
  94 |
  95 |           await waitFor(30)

  at Object.patch (lib/development-sandbox.ts:92:19)
  at Object.<anonymous> (development/acceptance-app/editor-links.test.ts:60:5)

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

TURBOPACK=1 pnpm test test/integration/app-dir-export/test/dynamicpage-dev.test.ts (turbopack)

  • app dir - with output export - dynamic page dev > development mode > should work in dev with dynamicPage undefined
  • app dir - with output export - dynamic page dev > development mode > should work in dev with dynamicPage 'error'
  • app dir - with output export - dynamic page dev > development mode > should work in dev with dynamicPage 'force-static'
  • app dir - with output export - dynamic page dev > development mode > should work in dev with dynamicPage 'force-dynamic'
Expand output

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

thrown: "Exceeded timeout of 60000 ms for a test.
Add a timeout value to this test to increase the timeout, if this is a long-running test. See https://jestjs.io/docs/api#testname-fn-timeout."

  14 |             'Page with `dynamic = "force-dynamic"` couldn\'t be exported. `output: "export"` requires all pages be renderable statically',
  15 |         },
> 16 |       ])(
     |        ^
  17 |         'should work in dev with dynamicPage $dynamicPage',
  18 |         async ({ dynamicPage, expectedErrMsg }) => {
  19 |           await runTests({ isDev: true, dynamicPage, expectedErrMsg })

  at ../node_modules/.pnpm/[email protected]/node_modules/jest-each/build/bind.js:47:15
      at Array.forEach (<anonymous>)
  at integration/app-dir-export/test/dynamicpage-dev.test.ts:16:8
  at integration/app-dir-export/test/dynamicpage-dev.test.ts:4:58
  at Object.describe (integration/app-dir-export/test/dynamicpage-dev.test.ts:3:1)

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

Failed to replace content.

Pattern: const dynamic = 'force-static'

Content: import Link from 'next/link'

export const dynamic = undefined

export function generateStaticParams() {
  return [{ slug: 'first' }, { slug: 'second' }]
}

export default function Page({ params }) {
  return (
    <main>
      <h1>{params.slug}</h1>
      <ul>
        <li>
          <Link href="/another">Visit another page</Link>
        </li>
      </ul>
    </main>
  )
}

  751 |     } else if (typeof pattern === 'string') {
  752 |       if (!currentContent.includes(pattern)) {
> 753 |         throw new Error(
      |               ^
  754 |           `Failed to replace content.\n\nPattern: ${pattern}\n\nContent: ${currentContent}`
  755 |         )
  756 |       }

  at File.replace (lib/next-test-utils.ts:753:15)
  at replace (integration/app-dir-export/test/utils.ts:129:14)
  at integration/app-dir-export/test/dynamicpage-dev.test.ts:19:25

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

Failed to replace content.

Pattern: const dynamic = 'force-static'

Content: import Link from 'next/link'

export const dynamic = undefined

export function generateStaticParams() {
  return [{ slug: 'first' }, { slug: 'second' }]
}

export default function Page({ params }) {
  return (
    <main>
      <h1>{params.slug}</h1>
      <ul>
        <li>
          <Link href="/another">Visit another page</Link>
        </li>
      </ul>
    </main>
  )
}

  751 |     } else if (typeof pattern === 'string') {
  752 |       if (!currentContent.includes(pattern)) {
> 753 |         throw new Error(
      |               ^
  754 |           `Failed to replace content.\n\nPattern: ${pattern}\n\nContent: ${currentContent}`
  755 |         )
  756 |       }

  at File.replace (lib/next-test-utils.ts:753:15)
  at replace (integration/app-dir-export/test/utils.ts:129:14)
  at integration/app-dir-export/test/dynamicpage-dev.test.ts:19:25

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

Failed to replace content.

Pattern: const dynamic = 'force-static'

Content: import Link from 'next/link'

export const dynamic = undefined

export function generateStaticParams() {
  return [{ slug: 'first' }, { slug: 'second' }]
}

export default function Page({ params }) {
  return (
    <main>
      <h1>{params.slug}</h1>
      <ul>
        <li>
          <Link href="/another">Visit another page</Link>
        </li>
      </ul>
    </main>
  )
}

  751 |     } else if (typeof pattern === 'string') {
  752 |       if (!currentContent.includes(pattern)) {
> 753 |         throw new Error(
      |               ^
  754 |           `Failed to replace content.\n\nPattern: ${pattern}\n\nContent: ${currentContent}`
  755 |         )
  756 |       }

  at File.replace (lib/next-test-utils.ts:753:15)
  at replace (integration/app-dir-export/test/utils.ts:129:14)
  at integration/app-dir-export/test/dynamicpage-dev.test.ts:19:25

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

TURBOPACK=1 pnpm test test/integration/app-config-asset-prefix/test/index.test.js (turbopack)

  • App assetPrefix config > should render correctly with assetPrefix: "/"
Expand output

● App assetPrefix config › should render correctly with assetPrefix: "/"

thrown: "Exceeded timeout of 60000 ms for a test.
Add a timeout value to this test to increase the timeout, if this is a long-running test. See https://jestjs.io/docs/api#testname-fn-timeout."

  22 |   afterAll(() => killApp(app))
  23 |
> 24 |   it('should render correctly with assetPrefix: "/"', async () => {
     |   ^
  25 |     const browser = await webdriver(appPort, '/')
  26 |     try {
  27 |       await waitFor(2000)

  at it (integration/app-config-asset-prefix/test/index.test.js:24:3)
  at Object.describe (integration/app-config-asset-prefix/test/index.test.js:14:1)

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

pnpm test test/integration/create-next-app/templates/app.test.ts

  • create-next-app --app (App Router) > should create JavaScript project with --js flag
  • create-next-app --app (App Router) > should create TypeScript project with --ts flag
  • create-next-app --app (App Router) > should create project inside "src" directory with --src-dir flag
  • create-next-app --app (App Router) > should create TailwindCSS project with --tailwind flag
  • create-next-app --app (App Router) > should create an empty project with --empty flag
  • create-next-app --app (App Router) > should create an empty TailwindCSS project with --empty flag
Expand output

● create-next-app --app (App Router) › should create JavaScript project with --js flag

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

Expected: 200
Received: 500

  67 |       expect(await res.text()).toContain('Get started by editing')
  68 |     }
> 69 |     expect(res.status).toBe(200)
     |                        ^
  70 |
  71 |     if (!isApp && !isEmpty) {
  72 |       const apiRes = await fetchViaHTTP(port, '/api/hello')

  at toBe (integration/create-next-app/utils.ts:69:24)
  at integration/create-next-app/templates/app.test.ts:47:7
  at useTempDir (lib/use-temp-dir.ts:24:5)
  at Object.<anonymous> (integration/create-next-app/templates/app.test.ts:26:5)

● create-next-app --app (App Router) › should create TypeScript project with --ts flag

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

Expected: 200
Received: 500

  67 |       expect(await res.text()).toContain('Get started by editing')
  68 |     }
> 69 |     expect(res.status).toBe(200)
     |                        ^
  70 |
  71 |     if (!isApp && !isEmpty) {
  72 |       const apiRes = await fetchViaHTTP(port, '/api/hello')

  at toBe (integration/create-next-app/utils.ts:69:24)
  at integration/create-next-app/templates/app.test.ts:76:7
  at useTempDir (lib/use-temp-dir.ts:24:5)
  at Object.<anonymous> (integration/create-next-app/templates/app.test.ts:55:5)

● create-next-app --app (App Router) › should create project inside "src" directory with --src-dir flag

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

Expected: 200
Received: 500

  67 |       expect(await res.text()).toContain('Get started by editing')
  68 |     }
> 69 |     expect(res.status).toBe(200)
     |                        ^
  70 |
  71 |     if (!isApp && !isEmpty) {
  72 |       const apiRes = await fetchViaHTTP(port, '/api/hello')

  at toBe (integration/create-next-app/utils.ts:69:24)
  at integration/create-next-app/templates/app.test.ts:110:7
  at useTempDir (lib/use-temp-dir.ts:24:5)
  at Object.<anonymous> (integration/create-next-app/templates/app.test.ts:82:5)

● create-next-app --app (App Router) › should create TailwindCSS project with --tailwind flag

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

Expected: 200
Received: 500

  67 |       expect(await res.text()).toContain('Get started by editing')
  68 |     }
> 69 |     expect(res.status).toBe(200)
     |                        ^
  70 |
  71 |     if (!isApp && !isEmpty) {
  72 |       const apiRes = await fetchViaHTTP(port, '/api/hello')

  at toBe (integration/create-next-app/utils.ts:69:24)
  at integration/create-next-app/templates/app.test.ts:145:7
  at useTempDir (lib/use-temp-dir.ts:24:5)
  at Object.<anonymous> (integration/create-next-app/templates/app.test.ts:118:5)

● create-next-app --app (App Router) › should create an empty project with --empty flag

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

Expected: 200
Received: 500

  67 |       expect(await res.text()).toContain('Get started by editing')
  68 |     }
> 69 |     expect(res.status).toBe(200)
     |                        ^
  70 |
  71 |     if (!isApp && !isEmpty) {
  72 |       const apiRes = await fetchViaHTTP(port, '/api/hello')

  at toBe (integration/create-next-app/utils.ts:69:24)
  at integration/create-next-app/templates/app.test.ts:182:7
  at useTempDir (lib/use-temp-dir.ts:24:5)
  at Object.<anonymous> (integration/create-next-app/templates/app.test.ts:153:5)

● create-next-app --app (App Router) › should create an empty TailwindCSS project with --empty flag

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

Expected: 200
Received: 500

  67 |       expect(await res.text()).toContain('Get started by editing')
  68 |     }
> 69 |     expect(res.status).toBe(200)
     |                        ^
  70 |
  71 |     if (!isApp && !isEmpty) {
  72 |       const apiRes = await fetchViaHTTP(port, '/api/hello')

  at toBe (integration/create-next-app/utils.ts:69:24)
  at integration/create-next-app/templates/app.test.ts:220:7
  at useTempDir (lib/use-temp-dir.ts:24:5)
  at Object.<anonymous> (integration/create-next-app/templates/app.test.ts:191:5)

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

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

  • Image localPatterns config > development mode > should load matching images
  • Image localPatterns config > development mode > should block unmatched image does-not-exist
  • Image localPatterns config > development mode > should block unmatched image nested-assets-query
  • Image localPatterns config > development mode > should block unmatched image nested-blocked
  • Image localPatterns config > development mode > should block unmatched image top-level
Expand output

● Image localPatterns config › development mode › should load matching images

thrown: "Exceeded timeout of 60000 ms for a test.
Add a timeout value to this test to increase the timeout, if this is a long-running test. See https://jestjs.io/docs/api#testname-fn-timeout."

  33 |
  34 | function runTests(mode: 'dev' | 'server') {
> 35 |   it('should load matching images', async () => {
     |   ^
  36 |     const browser = await webdriver(appPort, '/')
  37 |     if (mode === 'dev') {
  38 |       await assertNoRedbox(browser)

  at it (integration/next-image-new/app-dir-localpatterns/test/index.test.ts:35:3)
  at runTests (integration/next-image-new/app-dir-localpatterns/test/index.test.ts:124:7)
  at integration/next-image-new/app-dir-localpatterns/test/index.test.ts:113:58
  at Object.describe (integration/next-image-new/app-dir-localpatterns/test/index.test.ts:112:1)

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

Expected Redbox but found none

  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 none

  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 none

  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 none

  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

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

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

  • app dir - with output export - dynamic api route dev > development mode > should work in dev with dynamicApiRoute 'error'
  • app dir - with output export - dynamic api route dev > development mode > should work in dev with dynamicApiRoute 'force-static'
  • app dir - with output export - dynamic api route dev > development mode > should work in dev with dynamicApiRoute 'force-dynamic'
Expand output

● app dir - with output export - dynamic api route dev › development mode › should work in dev with dynamicApiRoute 'error'

thrown: "Exceeded timeout of 60000 ms for a test.
Add a timeout value to this test to increase the timeout, if this is a long-running test. See https://jestjs.io/docs/api#testname-fn-timeout."

  18 |             'export const dynamic = "force-dynamic" on page "/api/json" cannot be used with "output: export".',
  19 |         },
> 20 |       ])(
     |        ^
  21 |         'should work in dev with dynamicApiRoute $dynamicApiRoute',
  22 |         async ({ dynamicApiRoute, expectedErrMsg }) => {
  23 |           await runTests({ isDev: true, dynamicApiRoute, expectedErrMsg })

  at ../node_modules/.pnpm/[email protected]/node_modules/jest-each/build/bind.js:47:15
      at Array.forEach (<anonymous>)
  at integration/app-dir-export/test/dynamicapiroute-dev.test.ts:20:8
  at integration/app-dir-export/test/dynamicapiroute-dev.test.ts:4:58
  at Object.describe (integration/app-dir-export/test/dynamicapiroute-dev.test.ts:3:1)

● app dir - with output export - dynamic api route dev › development mode › should work in dev with dynamicApiRoute 'force-static'

Failed to replace content.

Pattern: const dynamic = 'force-static'

Content: export const dynamic = 'error'

export async function GET() {
  return Response.json({ answer: 42 })
}

  751 |     } else if (typeof pattern === 'string') {
  752 |       if (!currentContent.includes(pattern)) {
> 753 |         throw new Error(
      |               ^
  754 |           `Failed to replace content.\n\nPattern: ${pattern}\n\nContent: ${currentContent}`
  755 |         )
  756 |       }

  at File.replace (lib/next-test-utils.ts:753:15)
  at replace (integration/app-dir-export/test/utils.ts:136:13)
  at integration/app-dir-export/test/dynamicapiroute-dev.test.ts:23:25

● app dir - with output export - dynamic api route dev › development mode › should work in dev with dynamicApiRoute 'force-dynamic'

Failed to replace content.

Pattern: const dynamic = 'force-static'

Content: export const dynamic = 'error'

export async function GET() {
  return Response.json({ answer: 42 })
}

  751 |     } else if (typeof pattern === 'string') {
  752 |       if (!currentContent.includes(pattern)) {
> 753 |         throw new Error(
      |               ^
  754 |           `Failed to replace content.\n\nPattern: ${pattern}\n\nContent: ${currentContent}`
  755 |         )
  756 |       }

  at File.replace (lib/next-test-utils.ts:753:15)
  at replace (integration/app-dir-export/test/utils.ts:136:13)
  at integration/app-dir-export/test/dynamicapiroute-dev.test.ts:23:25

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

__NEXT_EXPERIMENTAL_PPR=true pnpm test-dev test/e2e/app-dir/rsc-basic/rsc-basic.test.ts (PPR)

  • app dir - rsc basics > should render css-in-js suspense boundary correctly
Expand output

● app dir - rsc basics › should render css-in-js suspense boundary correctly

expect(received).toEqual(expected) // deep equality

- Expected  - 0
+ Received  + 2

  Array [
    "fallback",
+   "fallback",
+   "fallback",
    "data",
    "refresh-script",
  ]

  412 |       })
  413 |
> 414 |       expect(results).toEqual(['fallback', 'data', 'refresh-script'])
      |                       ^
  415 |     })
  416 |     // // TODO-APP: fix streaming/suspense within browser for test suite
  417 |     // const browser = await next.browser( '/css-in-js', { waitHydration: false })

  at toEqual (e2e/app-dir/rsc-basic/rsc-basic.test.ts:414:23)
  at Object.<anonymous> (e2e/app-dir/rsc-basic/rsc-basic.test.ts:398:5)

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

pnpm test test/integration/next-image-new/app-dir/test/static.test.ts

  • Static Image Component Tests > development mode > Should allow an image with a static src to omit height and width
  • Static Image Component Tests > development mode > should have containing followed by for priority image
  • Static Image Component Tests > development mode > Should automatically provide an image height and width
  • Static Image Component Tests > development mode > should use width and height prop to override import
  • Static Image Component Tests > development mode > should use height prop to adjust both width and height
  • Static Image Component Tests > development mode > should use width prop to adjust both width and height
  • Static Image Component Tests > development mode > should add a data URL placeholder to an image
  • Static Image Component Tests > development mode > should add a blur placeholder a statically imported jpg
  • Static Image Component Tests > development mode > should add a blur placeholder a statically imported png
  • Static Image Component Tests > development mode > should add a blur placeholder a statically imported png with fill
  • Static Image Component Tests > development mode > should add placeholder with blurDataURL and fill
  • Static Image Component Tests > development mode > should add placeholder even when blurDataURL aspect ratio does not match width/height ratio
  • Static Image Component Tests > development mode > should load direct imported image
Expand output

● Static Image Component Tests › development mode › Should allow an image with a static src to omit height and width

thrown: "Exceeded timeout of 60000 ms for a test.
Add a timeout value to this test to increase the timeout, if this is a long-running test. See https://jestjs.io/docs/api#testname-fn-timeout."

  23 |
  24 | const runTests = (isDev) => {
> 25 |   it('Should allow an image with a static src to omit height and width', async () => {
     |   ^
  26 |     expect(await browser.elementById('basic-static')).toBeTruthy()
  27 |     expect(await browser.elementById('blur-png')).toBeTruthy()
  28 |     expect(await browser.elementById('blur-webp')).toBeTruthy()

  at it (integration/next-image-new/app-dir/test/static.test.ts:25:3)
  at runTests (integration/next-image-new/app-dir/test/static.test.ts:284:7)
  at integration/next-image-new/app-dir/test/static.test.ts:271:58
  at Object.describe (integration/next-image-new/app-dir/test/static.test.ts:253:1)

● Static Image Component Tests › development mode › should have containing followed by for priority image

expect(received).toMatch(expected)

Matcher error: received value must be a string

Received has value: undefined

  89 |       })
  90 |     expect(metaViewport.attribs.content).toContain('width=device-width')
> 91 |     expect(linkPreload.attribs.imagesrcset).toMatch(
     |                                             ^
  92 |       /%2F_next%2Fstatic%2Fmedia%2Ftest-rect\.(.*)\.jpg/g
  93 |     )
  94 |     expect(metaViewport.index).toBeLessThan(linkPreload.index)

  at Object.toMatch (integration/next-image-new/app-dir/test/static.test.ts:91:45)

● Static Image Component Tests › development mode › Should automatically provide an image height and width

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

Expected: "400"
Received: undefined

   96 |   it('Should automatically provide an image height and width', async () => {
   97 |     const img = $('#basic-non-static')
>  98 |     expect(img.attr('width')).toBe('400')
      |                               ^
   99 |     expect(img.attr('height')).toBe('300')
  100 |   })
  101 |   it('should use width and height prop to override import', async () => {

  at Object.toBe (integration/next-image-new/app-dir/test/static.test.ts:98:31)

● Static Image Component Tests › development mode › should use width and height prop to override import

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

Expected: "150"
Received: undefined

  101 |   it('should use width and height prop to override import', async () => {
  102 |     const img = $('#defined-width-and-height')
> 103 |     expect(img.attr('width')).toBe('150')
      |                               ^
  104 |     expect(img.attr('height')).toBe('150')
  105 |   })
  106 |   it('should use height prop to adjust both width and height', async () => {

  at Object.toBe (integration/next-image-new/app-dir/test/static.test.ts:103:31)

● Static Image Component Tests › development mode › should use height prop to adjust both width and height

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

Expected: "600"
Received: undefined

  106 |   it('should use height prop to adjust both width and height', async () => {
  107 |     const img = $('#defined-height-only')
> 108 |     expect(img.attr('width')).toBe('600')
      |                               ^
  109 |     expect(img.attr('height')).toBe('350')
  110 |   })
  111 |   it('should use width prop to adjust both width and height', async () => {

  at Object.toBe (integration/next-image-new/app-dir/test/static.test.ts:108:31)

● Static Image Component Tests › development mode › should use width prop to adjust both width and height

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

Expected: "400"
Received: undefined

  111 |   it('should use width prop to adjust both width and height', async () => {
  112 |     const img = $('#defined-width-only')
> 113 |     expect(img.attr('width')).toBe('400')
      |                               ^
  114 |     expect(img.attr('height')).toBe('233')
  115 |   })
  116 |

  at Object.toBe (integration/next-image-new/app-dir/test/static.test.ts:113:31)

● Static Image Component Tests › development mode › should add a data URL placeholder to an image

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

Expected: "color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(\"data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImciPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMzMzIiBvZmZzZXQ9IjIwJSIgLz4KICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzIyMiIgb2Zmc2V0PSI1MCUiIC8+CiAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMzMzMiIG9mZnNldD0iNzAlIiAvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHJlY3Qgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiIGZpbGw9IiMzMzMiIC8+CiAgPHJlY3QgaWQ9InIiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiBmaWxsPSJ1cmwoI2cpIiAvPgogIDxhbmltYXRlIHhsaW5rOmhyZWY9IiNyIiBhdHRyaWJ1dGVOYW1lPSJ4IiBmcm9tPSItMjAwIiB0bz0iMjAwIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgIC8+Cjwvc3ZnPg==\")"
Received: undefined

  117 |   it('should add a data URL placeholder to an image', async () => {
  118 |     const style = $('#data-url-placeholder').attr('style')
> 119 |     expect(style).toBe(
      |                   ^
  120 |       `color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImciPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMzMzIiBvZmZzZXQ9IjIwJSIgLz4KICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzIyMiIgb2Zmc2V0PSI1MCUiIC8+CiAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMzMzMiIG9mZnNldD0iNzAlIiAvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHJlY3Qgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiIGZpbGw9IiMzMzMiIC8+CiAgPHJlY3QgaWQ9InIiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiBmaWxsPSJ1cmwoI2cpIiAvPgogIDxhbmltYXRlIHhsaW5rOmhyZWY9IiNyIiBhdHRyaWJ1dGVOYW1lPSJ4IiBmcm9tPSItMjAwIiB0bz0iMjAwIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgIC8+Cjwvc3ZnPg==")`
  121 |     )
  122 |   })

  at Object.toBe (integration/next-image-new/app-dir/test/static.test.ts:119:19)

● Static Image Component Tests › development mode › should add a blur placeholder a statically imported jpg

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

Expected: "color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(\"/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftest-rect.f323a148.jpg&w=8&q=70\")"
Received: undefined

  130 |         )
  131 |       } else {
> 132 |         expect(style).toBe(
      |                       ^
  133 |           `color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftest-rect.f323a148.jpg&w=8&q=70")`
  134 |         )
  135 |       }

  at Object.toBe (integration/next-image-new/app-dir/test/static.test.ts:132:23)

● Static Image Component Tests › development mode › should add a blur placeholder a statically imported png

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

Expected: "color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(\"/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftest.3f1a293b.png&w=8&q=70\")"
Received: undefined

  155 |         )
  156 |       } else {
> 157 |         expect(style).toBe(
      |                       ^
  158 |           `color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftest.3f1a293b.png&w=8&q=70")`
  159 |         )
  160 |       }

  at Object.toBe (integration/next-image-new/app-dir/test/static.test.ts:157:23)

● Static Image Component Tests › development mode › should add a blur placeholder a statically imported png with fill

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

Expected: "position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(\"/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftest.3f1a293b.png&w=8&q=70\")"
Received: undefined

  180 |         )
  181 |       } else {
> 182 |         expect(style).toBe(
      |                       ^
  183 |           `position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftest.3f1a293b.png&w=8&q=70")`
  184 |         )
  185 |       }

  at Object.toBe (integration/next-image-new/app-dir/test/static.test.ts:182:23)

● Static Image Component Tests › development mode › should add placeholder with blurDataURL and fill

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

Expected: "position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNM/s/wBwAFjwJgf8HDLgAAAABJRU5ErkJggg=='/%3E%3C/svg%3E\")"
Received: undefined

  199 |   it('should add placeholder with blurDataURL and fill', async () => {
  200 |     const style = $('#blurdataurl-fill').attr('style')
> 201 |     expect(style).toBe(
      |                   ^
  202 |       `position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNM/s/wBwAFjwJgf8HDLgAAAABJRU5ErkJggg=='/%3E%3C/svg%3E")`
  203 |     )
  204 |   })

  at Object.toBe (integration/next-image-new/app-dir/test/static.test.ts:201:19)

● Static Image Component Tests › development mode › should add placeholder even when blurDataURL aspect ratio does not match width/height ratio

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

Expected: "color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 200'%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNM/s/wBwAFjwJgf8HDLgAAAABJRU5ErkJggg=='/%3E%3C/svg%3E\")"
Received: undefined

  206 |   it('should add placeholder even when blurDataURL aspect ratio does not match width/height ratio', async () => {
  207 |     const style = $('#blurdataurl-ratio').attr('style')
> 208 |     expect(style).toBe(
      |                   ^
  209 |       `color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 200'%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNM/s/wBwAFjwJgf8HDLgAAAABJRU5ErkJggg=='/%3E%3C/svg%3E")`
  210 |     )
  211 |   })

  at Object.toBe (integration/next-image-new/app-dir/test/static.test.ts:208:19)

● Static Image Component Tests › development mode › should load direct imported image

thrown: "Exceeded timeout of 60000 ms for a test.
Add a timeout value to this test to increase the timeout, if this is a long-running test. See https://jestjs.io/docs/api#testname-fn-timeout."

  211 |   })
  212 |
> 213 |   it('should load direct imported image', async () => {
      |   ^
  214 |     const src = await browser.elementById('basic-static').getAttribute('src')
  215 |     expect(src).toMatch(
  216 |       /_next\/image\?url=%2F_next%2Fstatic%2Fmedia%2Ftest-rect(.+)\.jpg&w=828&q=75/

  at it (integration/next-image-new/app-dir/test/static.test.ts:213:3)
  at runTests (integration/next-image-new/app-dir/test/static.test.ts:284:7)
  at integration/next-image-new/app-dir/test/static.test.ts:271:58
  at Object.describe (integration/next-image-new/app-dir/test/static.test.ts:253:1)

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

__NEXT_EXPERIMENTAL_PPR=true pnpm test-dev test/e2e/app-dir/taint/process-taint.test.ts (PPR)

  • app dir - taint > should error when passing process env to client component
Expand output

● app dir - taint › should error when passing process env to client component

page.waitForSelector: Timeout 60000ms exceeded.
Call log:
  - waiting for locator('#error-component')

  423 |     return this.chain(() => {
  424 |       return page
> 425 |         .waitForSelector(selector, { timeout, state: 'attached' })
      |          ^
  426 |         .then(async (el) => {
  427 |           // it seems selenium waits longer and tests rely on this behavior
  428 |           // so we wait for the load event fire before returning

  at waitForSelector (lib/browsers/playwright.ts:425:10)

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

TURBOPACK=1 pnpm test-start test/production/allow-development-build/allow-development-build.test.ts (turbopack)

  • allow-development-build > with NODE_ENV set to development > should warn about a non-standard NODE_ENV
  • allow-development-build > with NODE_ENV set to development > should show React development errors in app-page
  • allow-development-build > with NODE_ENV set to development > should show React development errors in pages-page
Expand output

● allow-development-build › with NODE_ENV set to development › should warn about a non-standard NODE_ENV

next build failed with code/signal 1

   98 |           if (code || signal)
   99 |             reject(
> 100 |               new Error(`next build failed with code/signal ${code || signal}`)
      |               ^
  101 |             )
  102 |           else resolve()
  103 |         })

  at ChildProcess.<anonymous> (lib/next-modes/next-start.ts:100:15)

● allow-development-build › with NODE_ENV set to development › should show React development errors in app-page

next build failed with code/signal 1

   98 |           if (code || signal)
   99 |             reject(
> 100 |               new Error(`next build failed with code/signal ${code || signal}`)
      |               ^
  101 |             )
  102 |           else resolve()
  103 |         })

  at ChildProcess.<anonymous> (lib/next-modes/next-start.ts:100:15)

● allow-development-build › with NODE_ENV set to development › should show React development errors in pages-page

next build failed with code/signal 1

   98 |           if (code || signal)
   99 |             reject(
> 100 |               new Error(`next build failed with code/signal ${code || signal}`)
      |               ^
  101 |             )
  102 |           else resolve()
  103 |         })

  at ChildProcess.<anonymous> (lib/next-modes/next-start.ts:100:15)

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

__NEXT_EXPERIMENTAL_PPR=true pnpm test-dev test/e2e/app-dir/error-boundary-navigation/index.test.ts (PPR)

  • app dir - not found navigation > should allow navigation on not-found
  • app dir - not found navigation > should allow navigation on error
Expand output

● app dir - not found navigation › should allow navigation on not-found

page.waitForSelector: Timeout 60000ms exceeded.
Call log:
  - waiting for locator('#not-found-component')

  423 |     return this.chain(() => {
  424 |       return page
> 425 |         .waitForSelector(selector, { timeout, state: 'attached' })
      |          ^
  426 |         .then(async (el) => {
  427 |           // it seems selenium waits longer and tests rely on this behavior
  428 |           // so we wait for the load event fire before returning

  at waitForSelector (lib/browsers/playwright.ts:425:10)

● app dir - not found navigation › should allow navigation on error

page.waitForSelector: Timeout 60000ms exceeded.
Call log:
  - waiting for locator('#error-component')

  423 |     return this.chain(() => {
  424 |       return page
> 425 |         .waitForSelector(selector, { timeout, state: 'attached' })
      |          ^
  426 |         .then(async (el) => {
  427 |           // it seems selenium waits longer and tests rely on this behavior
  428 |           // so we wait for the load event fire before returning

  at waitForSelector (lib/browsers/playwright.ts:425:10)

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

@ijjk
Copy link
Member

ijjk commented Oct 1, 2024

Stats from current PR

Default Build (Increase detected ⚠️)
General Overall increase ⚠️
vercel/next.js canary vercel/next.js update/react/d8c90fa4-20241001 Change
buildDuration 23.4s 20.5s N/A
buildDurationCached 19.5s 17.3s N/A
nodeModulesSize 370 MB 370 MB ⚠️ +146 kB
nextStartRea..uration (ms) 506ms 502ms N/A
Client Bundles (main, webpack) Overall increase ⚠️
vercel/next.js canary vercel/next.js update/react/d8c90fa4-20241001 Change
2226.HASH.js gzip 168 B 169 B N/A
794d4805-HASH.js gzip 52.8 kB 52.7 kB N/A
8286-HASH.js gzip 5.27 kB 5.27 kB N/A
8772-HASH.js gzip 43.5 kB 43.6 kB ⚠️ +117 B
framework-HASH.js gzip 57.5 kB 57.5 kB N/A
main-app-HASH.js gzip 233 B 233 B
main-HASH.js gzip 32.7 kB 32.7 kB N/A
webpack-HASH.js gzip 1.71 kB 1.71 kB N/A
Overall change 43.7 kB 43.8 kB ⚠️ +117 B
Legacy Client Bundles (polyfills)
vercel/next.js canary vercel/next.js update/react/d8c90fa4-20241001 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/d8c90fa4-20241001 Change
_app-HASH.js gzip 194 B 192 B N/A
_error-HASH.js gzip 191 B 192 B N/A
amp-HASH.js gzip 511 B 510 B N/A
css-HASH.js gzip 343 B 342 B N/A
dynamic-HASH.js gzip 1.84 kB 1.84 kB N/A
edge-ssr-HASH.js gzip 265 B 265 B
head-HASH.js gzip 361 B 364 B N/A
hooks-HASH.js gzip 391 B 392 B N/A
image-HASH.js gzip 4.41 kB 4.41 kB
index-HASH.js gzip 268 B 268 B
link-HASH.js gzip 2.78 kB 2.78 kB N/A
routerDirect..HASH.js gzip 328 B 328 B
script-HASH.js gzip 396 B 395 B N/A
withRouter-HASH.js gzip 324 B 324 B
1afbb74e6ecf..834.css gzip 106 B 106 B
Overall change 5.7 kB 5.7 kB
Client Build Manifests
vercel/next.js canary vercel/next.js update/react/d8c90fa4-20241001 Change
_buildManifest.js gzip 747 B 750 B N/A
Overall change 0 B 0 B
Rendered Page Sizes
vercel/next.js canary vercel/next.js update/react/d8c90fa4-20241001 Change
index.html gzip 524 B 525 B N/A
link.html gzip 539 B 540 B N/A
withRouter.html gzip 521 B 520 B N/A
Overall change 0 B 0 B
Edge SSR bundle Size
vercel/next.js canary vercel/next.js update/react/d8c90fa4-20241001 Change
edge-ssr.js gzip 129 kB 129 kB N/A
page.js gzip 187 kB 187 kB N/A
Overall change 0 B 0 B
Middleware size
vercel/next.js canary vercel/next.js update/react/d8c90fa4-20241001 Change
middleware-b..fest.js gzip 673 B 671 B N/A
middleware-r..fest.js gzip 155 B 156 B N/A
middleware.js gzip 30.3 kB 30.3 kB N/A
edge-runtime..pack.js gzip 844 B 844 B
Overall change 844 B 844 B
Next Runtimes Overall increase ⚠️
vercel/next.js canary vercel/next.js update/react/d8c90fa4-20241001 Change
973-experime...dev.js gzip 322 B 322 B
973.runtime.dev.js gzip 314 B 314 B
app-page-exp...dev.js gzip 310 kB 311 kB ⚠️ +1.28 kB
app-page-exp..prod.js gzip 119 kB 119 kB N/A
app-page-tur..prod.js gzip 133 kB 133 kB N/A
app-page-tur..prod.js gzip 128 kB 128 kB N/A
app-page.run...dev.js gzip 300 kB 302 kB ⚠️ +1.36 kB
app-page.run..prod.js gzip 115 kB 115 kB N/A
app-route-ex...dev.js gzip 34.3 kB 34.3 kB N/A
app-route-ex..prod.js gzip 23.2 kB 23.2 kB N/A
app-route-tu..prod.js gzip 23.2 kB 23.2 kB N/A
app-route-tu..prod.js gzip 23.1 kB 23.1 kB N/A
app-route.ru...dev.js gzip 35.9 kB 35.9 kB N/A
app-route.ru..prod.js gzip 23.1 kB 23.1 kB N/A
pages-api-tu..prod.js gzip 9.6 kB 9.6 kB
pages-api.ru...dev.js gzip 11.4 kB 11.4 kB
pages-api.ru..prod.js gzip 9.6 kB 9.6 kB
pages-turbo...prod.js gzip 20.9 kB 20.9 kB
pages.runtim...dev.js gzip 26.5 kB 26.5 kB
pages.runtim..prod.js gzip 20.9 kB 20.9 kB
server.runti..prod.js gzip 59.1 kB 59.1 kB N/A
Overall change 709 kB 712 kB ⚠️ +2.65 kB
build cache Overall increase ⚠️
vercel/next.js canary vercel/next.js update/react/d8c90fa4-20241001 Change
0.pack gzip 1.84 MB 1.84 MB ⚠️ +797 B
index.pack gzip 142 kB 143 kB ⚠️ +850 B
Overall change 1.98 MB 1.98 MB ⚠️ +1.65 kB
Diff details
Diff for page.js
@@ -15,7 +15,7 @@
       /***/
     },
 
-    /***/ 9208: /***/ (
+    /***/ 5398: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -30,7 +30,7 @@
         default: () => /* binding */ nHandler,
       });
 
-      // NAMESPACE OBJECT: ./node_modules/.pnpm/next@file+..+main-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_bcdb4rnr4saeen7jbzxjgvda74/node_modules/next/dist/build/webpack/loaders/next-app-loader/index.js?name=app%2Fapp-edge-ssr%2Fpage&page=%2Fapp-edge-ssr%2Fpage&pagePath=private-next-app-dir%2Fapp-edge-ssr%2Fpage.js&appDir=%2Ftmp%2Fnext-statsXCcrnL%2Fstats-app%2Fapp&appPaths=%2Fapp-edge-ssr%2Fpage&pageExtensions=tsx&pageExtensions=ts&pageExtensions=jsx&pageExtensions=js&basePath=&assetPrefix=&nextConfigOutput=&flyingShuttle=false&preferredRegion=&middlewareConfig=e30%3D!./app/app-edge-ssr/page.js?__next_edge_ssr_entry__
+      // NAMESPACE OBJECT: ./node_modules/.pnpm/next@file+..+diff-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_zkuyc7a4fxqintonzvch5a5ysi/node_modules/next/dist/build/webpack/loaders/next-app-loader/index.js?name=app%2Fapp-edge-ssr%2Fpage&page=%2Fapp-edge-ssr%2Fpage&pagePath=private-next-app-dir%2Fapp-edge-ssr%2Fpage.js&appDir=%2Ftmp%2Fnext-statsXCcrnL%2Fstats-app%2Fapp&appPaths=%2Fapp-edge-ssr%2Fpage&pageExtensions=tsx&pageExtensions=ts&pageExtensions=jsx&pageExtensions=js&basePath=&assetPrefix=&nextConfigOutput=&flyingShuttle=false&preferredRegion=&middlewareConfig=e30%3D!./app/app-edge-ssr/page.js?__next_edge_ssr_entry__
       var page_next_edge_ssr_entry_namespaceObject = {};
       __webpack_require__.r(page_next_edge_ssr_entry_namespaceObject);
       __webpack_require__.d(page_next_edge_ssr_entry_namespaceObject, {
@@ -80,35 +80,35 @@
         workUnitAsyncStorage: () => entry_base /* workUnitAsyncStorage */.Sz,
       });
 
-      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+main-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_bcdb4rnr4saeen7jbzxjgvda74/node_modules/next/dist/esm/server/web/globals.js
-      var globals = __webpack_require__(2005);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+main-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_bcdb4rnr4saeen7jbzxjgvda74/node_modules/next/dist/esm/server/web/adapter.js + 3 modules
-      var adapter = __webpack_require__(8845);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+main-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_bcdb4rnr4saeen7jbzxjgvda74/node_modules/next/dist/esm/build/webpack/loaders/next-edge-ssr-loader/render.js + 88 modules
-      var render = __webpack_require__(9159);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+main-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_bcdb4rnr4saeen7jbzxjgvda74/node_modules/next/dist/esm/server/lib/incremental-cache/index.js + 3 modules
-      var incremental_cache = __webpack_require__(9335);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+main-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_bcdb4rnr4saeen7jbzxjgvda74/node_modules/next/dist/esm/server/app-render/app-render.js + 60 modules
-      var app_render = __webpack_require__(799);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+main-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_bcdb4rnr4saeen7jbzxjgvda74/node_modules/next/dist/esm/server/route-modules/app-page/module.compiled.js
-      var module_compiled = __webpack_require__(5780);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+main-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_bcdb4rnr4saeen7jbzxjgvda74/node_modules/next/dist/esm/server/route-kind.js
-      var route_kind = __webpack_require__(1442);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+main-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_bcdb4rnr4saeen7jbzxjgvda74/node_modules/next/dist/esm/client/components/error-boundary.js
-      var error_boundary = __webpack_require__(8687);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+main-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_bcdb4rnr4saeen7jbzxjgvda74/node_modules/next/dist/esm/server/app-render/entry-base.js + 29 modules
-      var entry_base = __webpack_require__(7606); // CONCATENATED MODULE: ./node_modules/.pnpm/next@file+..+main-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_bcdb4rnr4saeen7jbzxjgvda74/node_modules/next/dist/build/webpack/loaders/next-app-loader/index.js?name=app%2Fapp-edge-ssr%2Fpage&page=%2Fapp-edge-ssr%2Fpage&pagePath=private-next-app-dir%2Fapp-edge-ssr%2Fpage.js&appDir=%2Ftmp%2Fnext-statsXCcrnL%2Fstats-app%2Fapp&appPaths=%2Fapp-edge-ssr%2Fpage&pageExtensions=tsx&pageExtensions=ts&pageExtensions=jsx&pageExtensions=js&basePath=&assetPrefix=&nextConfigOutput=&flyingShuttle=false&preferredRegion=&middlewareConfig=e30%3D!./app/app-edge-ssr/page.js?__next_edge_ssr_entry__
+      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+diff-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_zkuyc7a4fxqintonzvch5a5ysi/node_modules/next/dist/esm/server/web/globals.js
+      var globals = __webpack_require__(5781);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+diff-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_zkuyc7a4fxqintonzvch5a5ysi/node_modules/next/dist/esm/server/web/adapter.js + 3 modules
+      var adapter = __webpack_require__(7126);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+diff-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_zkuyc7a4fxqintonzvch5a5ysi/node_modules/next/dist/esm/build/webpack/loaders/next-edge-ssr-loader/render.js + 88 modules
+      var render = __webpack_require__(1811);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+diff-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_zkuyc7a4fxqintonzvch5a5ysi/node_modules/next/dist/esm/server/lib/incremental-cache/index.js + 3 modules
+      var incremental_cache = __webpack_require__(3680);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+diff-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_zkuyc7a4fxqintonzvch5a5ysi/node_modules/next/dist/esm/server/app-render/app-render.js + 60 modules
+      var app_render = __webpack_require__(6081);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+diff-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_zkuyc7a4fxqintonzvch5a5ysi/node_modules/next/dist/esm/server/route-modules/app-page/module.compiled.js
+      var module_compiled = __webpack_require__(6796);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+diff-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_zkuyc7a4fxqintonzvch5a5ysi/node_modules/next/dist/esm/server/route-kind.js
+      var route_kind = __webpack_require__(509);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+diff-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_zkuyc7a4fxqintonzvch5a5ysi/node_modules/next/dist/esm/client/components/error-boundary.js
+      var error_boundary = __webpack_require__(461);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+diff-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_zkuyc7a4fxqintonzvch5a5ysi/node_modules/next/dist/esm/server/app-render/entry-base.js + 29 modules
+      var entry_base = __webpack_require__(9058); // CONCATENATED MODULE: ./node_modules/.pnpm/next@file+..+diff-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_zkuyc7a4fxqintonzvch5a5ysi/node_modules/next/dist/build/webpack/loaders/next-app-loader/index.js?name=app%2Fapp-edge-ssr%2Fpage&page=%2Fapp-edge-ssr%2Fpage&pagePath=private-next-app-dir%2Fapp-edge-ssr%2Fpage.js&appDir=%2Ftmp%2Fnext-statsXCcrnL%2Fstats-app%2Fapp&appPaths=%2Fapp-edge-ssr%2Fpage&pageExtensions=tsx&pageExtensions=ts&pageExtensions=jsx&pageExtensions=js&basePath=&assetPrefix=&nextConfigOutput=&flyingShuttle=false&preferredRegion=&middlewareConfig=e30%3D!./app/app-edge-ssr/page.js?__next_edge_ssr_entry__
       const module0 = () =>
         Promise.resolve(/* import() eager */).then(
-          __webpack_require__.bind(__webpack_require__, 6546)
+          __webpack_require__.bind(__webpack_require__, 2475)
         );
       const module1 = () =>
         Promise.resolve(/* import() eager */).then(
-          __webpack_require__.bind(__webpack_require__, 3787)
+          __webpack_require__.bind(__webpack_require__, 8999)
         );
       const page2 = () =>
         Promise.resolve(/* import() eager */).then(
-          __webpack_require__.bind(__webpack_require__, 5425)
+          __webpack_require__.bind(__webpack_require__, 2086)
         );
 
       // We inject the tree and pages here so that we can use them in the route
@@ -171,12 +171,12 @@
       });
 
       //# sourceMappingURL=app-page.js.map
-      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+main-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_bcdb4rnr4saeen7jbzxjgvda74/node_modules/next/dist/esm/lib/page-types.js
-      var page_types = __webpack_require__(9129);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+main-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_bcdb4rnr4saeen7jbzxjgvda74/node_modules/next/dist/esm/server/app-render/encryption-utils.js
-      var encryption_utils = __webpack_require__(7995);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+main-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_bcdb4rnr4saeen7jbzxjgvda74/node_modules/next/dist/esm/server/app-render/action-utils.js
-      var action_utils = __webpack_require__(8961); // CONCATENATED MODULE: ./node_modules/.pnpm/next@file+..+main-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_bcdb4rnr4saeen7jbzxjgvda74/node_modules/next/dist/build/webpack/loaders/next-edge-ssr-loader/index.js?{"absolute500Path":"","absoluteAppPath":"next/dist/pages/_app","absoluteDocumentPath":"next/dist/pages/_document","absoluteErrorPath":"next/dist/pages/_error","absolutePagePath":"private-next-app-dir/app-edge-ssr/page.js","dev":false,"isServerComponent":true,"page":"/app-edge-ssr/page","stringifiedConfig":"eyJlbnYiOnt9LCJlc2xpbnQiOnsiaWdub3JlRHVyaW5nQnVpbGRzIjpmYWxzZX0sInR5cGVzY3JpcHQiOnsiaWdub3JlQnVpbGRFcnJvcnMiOmZhbHNlLCJ0c2NvbmZpZ1BhdGgiOiJ0c2NvbmZpZy5qc29uIn0sImRpc3REaXIiOiIubmV4dCIsImNsZWFuRGlzdERpciI6dHJ1ZSwiYXNzZXRQcmVmaXgiOiIiLCJjYWNoZU1heE1lbW9yeVNpemUiOjUyNDI4ODAwLCJjb25maWdPcmlnaW4iOiJuZXh0LmNvbmZpZy5qcyIsInVzZUZpbGVTeXN0ZW1QdWJsaWNSb3V0ZXMiOnRydWUsImdlbmVyYXRlRXRhZ3MiOnRydWUsInBhZ2VFeHRlbnNpb25zIjpbInRzeCIsInRzIiwianN4IiwianMiXSwicG93ZXJlZEJ5SGVhZGVyIjp0cnVlLCJjb21wcmVzcyI6dHJ1ZSwiaW1hZ2VzIjp7ImRldmljZVNpemVzIjpbNjQwLDc1MCw4MjgsMTA4MCwxMjAwLDE5MjAsMjA0OCwzODQwXSwiaW1hZ2VTaXplcyI6WzE2LDMyLDQ4LDY0LDk2LDEyOCwyNTYsMzg0XSwicGF0aCI6Ii9fbmV4dC9pbWFnZSIsImxvYWRlciI6ImRlZmF1bHQiLCJsb2FkZXJGaWxlIjoiIiwiZG9tYWlucyI6W10sImRpc2FibGVTdGF0aWNJbWFnZXMiOmZhbHNlLCJtaW5pbXVtQ2FjaGVUVEwiOjYwLCJmb3JtYXRzIjpbImltYWdlL3dlYnAiXSwiZGFuZ2Vyb3VzbHlBbGxvd1NWRyI6ZmFsc2UsImNvbnRlbnRTZWN1cml0eVBvbGljeSI6InNjcmlwdC1zcmMgJ25vbmUnOyBmcmFtZS1zcmMgJ25vbmUnOyBzYW5kYm94OyIsImNvbnRlbnREaXNwb3NpdGlvblR5cGUiOiJhdHRhY2htZW50IiwicmVtb3RlUGF0dGVybnMiOltdLCJ1bm9wdGltaXplZCI6ZmFsc2V9LCJkZXZJbmRpY2F0b3JzIjp7ImFwcElzclN0YXR1cyI6dHJ1ZSwiYnVpbGRBY3Rpdml0eSI6dHJ1ZSwiYnVpbGRBY3Rpdml0eVBvc2l0aW9uIjoiYm90dG9tLXJpZ2h0In0sIm9uRGVtYW5kRW50cmllcyI6eyJtYXhJbmFjdGl2ZUFnZSI6NjAwMDAsInBhZ2VzQnVmZmVyTGVuZ3RoIjo1fSwiYW1wIjp7ImNhbm9uaWNhbEJhc2UiOiIifSwiYmFzZVBhdGgiOiIiLCJzYXNzT3B0aW9ucyI6e30sInRyYWlsaW5nU2xhc2giOmZhbHNlLCJpMThuIjpudWxsLCJwcm9kdWN0aW9uQnJvd3NlclNvdXJjZU1hcHMiOmZhbHNlLCJleGNsdWRlRGVmYXVsdE1vbWVudExvY2FsZXMiOnRydWUsInNlcnZlclJ1bnRpbWVDb25maWciOnt9LCJwdWJsaWNSdW50aW1lQ29uZmlnIjp7fSwicmVhY3RQcm9kdWN0aW9uUHJvZmlsaW5nIjpmYWxzZSwicmVhY3RTdHJpY3RNb2RlIjpudWxsLCJyZWFjdE1heEhlYWRlcnNMZW5ndGgiOjYwMDAsImh0dHBBZ2VudE9wdGlvbnMiOnsia2VlcEFsaXZlIjp0cnVlfSwibG9nZ2luZyI6e30sInN3ckRlbHRhIjozMTUzNjAwMCwic3RhdGljUGFnZUdlbmVyYXRpb25UaW1lb3V0Ijo2MCwibW9kdWxhcml6ZUltcG9ydHMiOnsiQG11aS9pY29ucy1tYXRlcmlhbCI6eyJ0cmFuc2Zvcm0iOiJAbXVpL2ljb25zLW1hdGVyaWFsL3t7bWVtYmVyfX0ifSwibG9kYXNoIjp7InRyYW5zZm9ybSI6ImxvZGFzaC97e21lbWJlcn19In19LCJvdXRwdXRGaWxlVHJhY2luZ1Jvb3QiOiIvdG1wL25leHQtc3RhdHNYQ2Nybkwvc3RhdHMtYXBwIiwiZXhwZXJpbWVudGFsIjp7Im11bHRpWm9uZURyYWZ0TW9kZSI6ZmFsc2UsImFwcE5hdkZhaWxIYW5kbGluZyI6ZmFsc2UsInByZXJlbmRlckVhcmx5RXhpdCI6dHJ1ZSwic2VydmVyTWluaWZpY2F0aW9uIjp0cnVlLCJzZXJ2ZXJTb3VyY2VNYXBzIjpmYWxzZSwibGlua05vVG91Y2hTdGFydCI6ZmFsc2UsImNhc2VTZW5zaXRpdmVSb3V0ZXMiOmZhbHNlLCJwcmVsb2FkRW50cmllc09uU3RhcnQiOnRydWUsImNsaWVudFJvdXRlckZpbHRlciI6dHJ1ZSwiY2xpZW50Um91dGVyRmlsdGVyUmVkaXJlY3RzIjpmYWxzZSwiZmV0Y2hDYWNoZUtleVByZWZpeCI6IiIsIm1pZGRsZXdhcmVQcmVmZXRjaCI6ImZsZXhpYmxlIiwib3B0aW1pc3RpY0NsaWVudENhY2hlIjp0cnVlLCJtYW51YWxDbGllbnRCYXNlUGF0aCI6ZmFsc2UsImNwdXMiOjE5LCJtZW1vcnlCYXNlZFdvcmtlcnNDb3VudCI6ZmFsc2UsImlzckZsdXNoVG9EaXNrIjp0cnVlLCJ3b3JrZXJUaHJlYWRzIjpmYWxzZSwib3B0aW1pemVDc3MiOmZhbHNlLCJuZXh0U2NyaXB0V29ya2VycyI6ZmFsc2UsInNjcm9sbFJlc3RvcmF0aW9uIjpmYWxzZSwiZXh0ZXJuYWxEaXIiOmZhbHNlLCJkaXNhYmxlT3B0aW1pemVkTG9hZGluZyI6ZmFsc2UsImd6aXBTaXplIjp0cnVlLCJjcmFDb21wYXQiOmZhbHNlLCJlc21FeHRlcm5hbHMiOnRydWUsImZ1bGx5U3BlY2lmaWVkIjpmYWxzZSwic3djVHJhY2VQcm9maWxpbmciOmZhbHNlLCJmb3JjZVN3Y1RyYW5zZm9ybXMiOmZhbHNlLCJsYXJnZVBhZ2VEYXRhQnl0ZXMiOjEyODAwMCwidHVyYm8iOnsicm9vdCI6Ii90bXAvbmV4dC1zdGF0c1hDY3JuTC9zdGF0cy1hcHAifSwidHlwZWRSb3V0ZXMiOmZhbHNlLCJ0eXBlZEVudiI6ZmFsc2UsInBhcmFsbGVsU2VydmVyQ29tcGlsZXMiOmZhbHNlLCJwYXJhbGxlbFNlcnZlckJ1aWxkVHJhY2VzIjpmYWxzZSwicHByIjpmYWxzZSwicHByRmFsbGJhY2tzIjpmYWxzZSwid2VicGFja01lbW9yeU9wdGltaXphdGlvbnMiOmZhbHNlLCJvcHRpbWl6ZVNlcnZlclJlYWN0Ijp0cnVlLCJ1c2VFYXJseUltcG9ydCI6ZmFsc2UsInN0YWxlVGltZXMiOnsiZHluYW1pYyI6MCwic3RhdGljIjozMDB9LCJhZnRlciI6ZmFsc2UsInNlcnZlckNvbXBvbmVudHNIbXJDYWNoZSI6dHJ1ZSwic3RhdGljR2VuZXJhdGlvbk1heENvbmN1cnJlbmN5Ijo4LCJzdGF0aWNHZW5lcmF0aW9uTWluUGFnZXNQZXJXb3JrZXIiOjI1LCJkeW5hbWljSU8iOmZhbHNlLCJvcHRpbWl6ZVBhY2thZ2VJbXBvcnRzIjpbImx1Y2lkZS1yZWFjdCIsImRhdGUtZm5zIiwibG9kYXNoLWVzIiwicmFtZGEiLCJhbnRkIiwicmVhY3QtYm9vdHN0cmFwIiwiYWhvb2tzIiwiQGFudC1kZXNpZ24vaWNvbnMiLCJAaGVhZGxlc3N1aS9yZWFjdCIsIkBoZWFkbGVzc3VpLWZsb2F0L3JlYWN0IiwiQGhlcm9pY29ucy9yZWFjdC8yMC9zb2xpZCIsIkBoZXJvaWNvbnMvcmVhY3QvMjQvc29saWQiLCJAaGVyb2ljb25zL3JlYWN0LzI0L291dGxpbmUiLCJAdmlzeC92aXN4IiwiQHRyZW1vci9yZWFjdCIsInJ4anMiLCJAbXVpL21hdGVyaWFsIiwiQG11aS9pY29ucy1tYXRlcmlhbCIsInJlY2hhcnRzIiwicmVhY3QtdXNlIiwiZWZmZWN0IiwiQGVmZmVjdC9zY2hlbWEiLCJAZWZmZWN0L3BsYXRmb3JtIiwiQGVmZmVjdC9wbGF0Zm9ybS1ub2RlIiwiQGVmZmVjdC9wbGF0Zm9ybS1icm93c2VyIiwiQGVmZmVjdC9wbGF0Zm9ybS1idW4iLCJAZWZmZWN0L3NxbCIsIkBlZmZlY3Qvc3FsLW1zc3FsIiwiQGVmZmVjdC9zcWwtbXlzcWwyIiwiQGVmZmVjdC9zcWwtcGciLCJAZWZmZWN0L3NxbC1zcXVsaXRlLW5vZGUiLCJAZWZmZWN0L3NxbC1zcXVsaXRlLWJ1biIsIkBlZmZlY3Qvc3FsLXNxdWxpdGUtd2FzbSIsIkBlZmZlY3Qvc3FsLXNxdWxpdGUtcmVhY3QtbmF0aXZlIiwiQGVmZmVjdC9ycGMiLCJAZWZmZWN0L3JwYy1odHRwIiwiQGVmZmVjdC90eXBlY2xhc3MiLCJAZWZmZWN0L2V4cGVyaW1lbnRhbCIsIkBlZmZlY3Qvb3BlbnRlbGVtZXRyeSIsIkBtYXRlcmlhbC11aS9jb3JlIiwiQG1hdGVyaWFsLXVpL2ljb25zIiwiQHRhYmxlci9pY29ucy1yZWFjdCIsIm11aS1jb3JlIiwicmVhY3QtaWNvbnMvYWkiLCJyZWFjdC1pY29ucy9iaSIsInJlYWN0LWljb25zL2JzIiwicmVhY3QtaWNvbnMvY2ciLCJyZWFjdC1pY29ucy9jaSIsInJlYWN0LWljb25zL2RpIiwicmVhY3QtaWNvbnMvZmEiLCJyZWFjdC1pY29ucy9mYTYiLCJyZWFjdC1pY29ucy9mYyIsInJlYWN0LWljb25zL2ZpIiwicmVhY3QtaWNvbnMvZ2kiLCJyZWFjdC1pY29ucy9nbyIsInJlYWN0LWljb25zL2dyIiwicmVhY3QtaWNvbnMvaGkiLCJyZWFjdC1pY29ucy9oaTIiLCJyZWFjdC1pY29ucy9pbSIsInJlYWN0LWljb25zL2lvIiwicmVhY3QtaWNvbnMvaW81IiwicmVhY3QtaWNvbnMvbGlhIiwicmVhY3QtaWNvbnMvbGliIiwicmVhY3QtaWNvbnMvbHUiLCJyZWFjdC1pY29ucy9tZCIsInJlYWN0LWljb25zL3BpIiwicmVhY3QtaWNvbnMvcmkiLCJyZWFjdC1pY29ucy9yeCIsInJlYWN0LWljb25zL3NpIiwicmVhY3QtaWNvbnMvc2wiLCJyZWFjdC1pY29ucy90YiIsInJlYWN0LWljb25zL3RmaSIsInJlYWN0LWljb25zL3RpIiwicmVhY3QtaWNvbnMvdnNjIiwicmVhY3QtaWNvbnMvd2kiXX0sImJ1bmRsZVBhZ2VzUm91dGVyRGVwZW5kZW5jaWVzIjpmYWxzZSwiY29uZmlnRmlsZSI6Ii90bXAvbmV4dC1zdGF0c1hDY3JuTC9zdGF0cy1hcHAvbmV4dC5jb25maWcuanMiLCJjb25maWdGaWxlTmFtZSI6Im5leHQuY29uZmlnLmpzIn0=","pagesType":"app","appDirLoader":"bmV4dC1hcHAtbG9hZGVyP25hbWU9YXBwJTJGYXBwLWVkZ2Utc3NyJTJGcGFnZSZwYWdlPSUyRmFwcC1lZGdlLXNzciUyRnBhZ2UmcGFnZVBhdGg9cHJpdmF0ZS1uZXh0LWFwcC1kaXIlMkZhcHAtZWRnZS1zc3IlMkZwYWdlLmpzJmFwcERpcj0lMkZ0bXAlMkZuZXh0LXN0YXRzWENjcm5MJTJGc3RhdHMtYXBwJTJGYXBwJmFwcFBhdGhzPSUyRmFwcC1lZGdlLXNzciUyRnBhZ2UmcGFnZUV4dGVuc2lvbnM9dHN4JnBhZ2VFeHRlbnNpb25zPXRzJnBhZ2VFeHRlbnNpb25zPWpzeCZwYWdlRXh0ZW5zaW9ucz1qcyZiYXNlUGF0aD0mYXNzZXRQcmVmaXg9Jm5leHRDb25maWdPdXRwdXQ9JmZseWluZ1NodXR0bGU9ZmFsc2UmcHJlZmVycmVkUmVnaW9uPSZtaWRkbGV3YXJlQ29uZmlnPWUzMCUzRCE=","sriEnabled":false,"middlewareConfig":"e30="}!
+      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+diff-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_zkuyc7a4fxqintonzvch5a5ysi/node_modules/next/dist/esm/lib/page-types.js
+      var page_types = __webpack_require__(4431);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+diff-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_zkuyc7a4fxqintonzvch5a5ysi/node_modules/next/dist/esm/server/app-render/encryption-utils.js
+      var encryption_utils = __webpack_require__(704);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+diff-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_zkuyc7a4fxqintonzvch5a5ysi/node_modules/next/dist/esm/server/app-render/action-utils.js
+      var action_utils = __webpack_require__(1209); // CONCATENATED MODULE: ./node_modules/.pnpm/next@file+..+diff-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_zkuyc7a4fxqintonzvch5a5ysi/node_modules/next/dist/build/webpack/loaders/next-edge-ssr-loader/index.js?{"absolute500Path":"","absoluteAppPath":"next/dist/pages/_app","absoluteDocumentPath":"next/dist/pages/_document","absoluteErrorPath":"next/dist/pages/_error","absolutePagePath":"private-next-app-dir/app-edge-ssr/page.js","dev":false,"isServerComponent":true,"page":"/app-edge-ssr/page","stringifiedConfig":"eyJlbnYiOnt9LCJlc2xpbnQiOnsiaWdub3JlRHVyaW5nQnVpbGRzIjpmYWxzZX0sInR5cGVzY3JpcHQiOnsiaWdub3JlQnVpbGRFcnJvcnMiOmZhbHNlLCJ0c2NvbmZpZ1BhdGgiOiJ0c2NvbmZpZy5qc29uIn0sImRpc3REaXIiOiIubmV4dCIsImNsZWFuRGlzdERpciI6dHJ1ZSwiYXNzZXRQcmVmaXgiOiIiLCJjYWNoZU1heE1lbW9yeVNpemUiOjUyNDI4ODAwLCJjb25maWdPcmlnaW4iOiJuZXh0LmNvbmZpZy5qcyIsInVzZUZpbGVTeXN0ZW1QdWJsaWNSb3V0ZXMiOnRydWUsImdlbmVyYXRlRXRhZ3MiOnRydWUsInBhZ2VFeHRlbnNpb25zIjpbInRzeCIsInRzIiwianN4IiwianMiXSwicG93ZXJlZEJ5SGVhZGVyIjp0cnVlLCJjb21wcmVzcyI6dHJ1ZSwiaW1hZ2VzIjp7ImRldmljZVNpemVzIjpbNjQwLDc1MCw4MjgsMTA4MCwxMjAwLDE5MjAsMjA0OCwzODQwXSwiaW1hZ2VTaXplcyI6WzE2LDMyLDQ4LDY0LDk2LDEyOCwyNTYsMzg0XSwicGF0aCI6Ii9fbmV4dC9pbWFnZSIsImxvYWRlciI6ImRlZmF1bHQiLCJsb2FkZXJGaWxlIjoiIiwiZG9tYWlucyI6W10sImRpc2FibGVTdGF0aWNJbWFnZXMiOmZhbHNlLCJtaW5pbXVtQ2FjaGVUVEwiOjYwLCJmb3JtYXRzIjpbImltYWdlL3dlYnAiXSwiZGFuZ2Vyb3VzbHlBbGxvd1NWRyI6ZmFsc2UsImNvbnRlbnRTZWN1cml0eVBvbGljeSI6InNjcmlwdC1zcmMgJ25vbmUnOyBmcmFtZS1zcmMgJ25vbmUnOyBzYW5kYm94OyIsImNvbnRlbnREaXNwb3NpdGlvblR5cGUiOiJhdHRhY2htZW50IiwicmVtb3RlUGF0dGVybnMiOltdLCJ1bm9wdGltaXplZCI6ZmFsc2V9LCJkZXZJbmRpY2F0b3JzIjp7ImFwcElzclN0YXR1cyI6dHJ1ZSwiYnVpbGRBY3Rpdml0eSI6dHJ1ZSwiYnVpbGRBY3Rpdml0eVBvc2l0aW9uIjoiYm90dG9tLXJpZ2h0In0sIm9uRGVtYW5kRW50cmllcyI6eyJtYXhJbmFjdGl2ZUFnZSI6NjAwMDAsInBhZ2VzQnVmZmVyTGVuZ3RoIjo1fSwiYW1wIjp7ImNhbm9uaWNhbEJhc2UiOiIifSwiYmFzZVBhdGgiOiIiLCJzYXNzT3B0aW9ucyI6e30sInRyYWlsaW5nU2xhc2giOmZhbHNlLCJpMThuIjpudWxsLCJwcm9kdWN0aW9uQnJvd3NlclNvdXJjZU1hcHMiOmZhbHNlLCJleGNsdWRlRGVmYXVsdE1vbWVudExvY2FsZXMiOnRydWUsInNlcnZlclJ1bnRpbWVDb25maWciOnt9LCJwdWJsaWNSdW50aW1lQ29uZmlnIjp7fSwicmVhY3RQcm9kdWN0aW9uUHJvZmlsaW5nIjpmYWxzZSwicmVhY3RTdHJpY3RNb2RlIjpudWxsLCJyZWFjdE1heEhlYWRlcnNMZW5ndGgiOjYwMDAsImh0dHBBZ2VudE9wdGlvbnMiOnsia2VlcEFsaXZlIjp0cnVlfSwibG9nZ2luZyI6e30sInN3ckRlbHRhIjozMTUzNjAwMCwic3RhdGljUGFnZUdlbmVyYXRpb25UaW1lb3V0Ijo2MCwibW9kdWxhcml6ZUltcG9ydHMiOnsiQG11aS9pY29ucy1tYXRlcmlhbCI6eyJ0cmFuc2Zvcm0iOiJAbXVpL2ljb25zLW1hdGVyaWFsL3t7bWVtYmVyfX0ifSwibG9kYXNoIjp7InRyYW5zZm9ybSI6ImxvZGFzaC97e21lbWJlcn19In19LCJvdXRwdXRGaWxlVHJhY2luZ1Jvb3QiOiIvdG1wL25leHQtc3RhdHNYQ2Nybkwvc3RhdHMtYXBwIiwiZXhwZXJpbWVudGFsIjp7Im11bHRpWm9uZURyYWZ0TW9kZSI6ZmFsc2UsImFwcE5hdkZhaWxIYW5kbGluZyI6ZmFsc2UsInByZXJlbmRlckVhcmx5RXhpdCI6dHJ1ZSwic2VydmVyTWluaWZpY2F0aW9uIjp0cnVlLCJzZXJ2ZXJTb3VyY2VNYXBzIjpmYWxzZSwibGlua05vVG91Y2hTdGFydCI6ZmFsc2UsImNhc2VTZW5zaXRpdmVSb3V0ZXMiOmZhbHNlLCJwcmVsb2FkRW50cmllc09uU3RhcnQiOnRydWUsImNsaWVudFJvdXRlckZpbHRlciI6dHJ1ZSwiY2xpZW50Um91dGVyRmlsdGVyUmVkaXJlY3RzIjpmYWxzZSwiZmV0Y2hDYWNoZUtleVByZWZpeCI6IiIsIm1pZGRsZXdhcmVQcmVmZXRjaCI6ImZsZXhpYmxlIiwib3B0aW1pc3RpY0NsaWVudENhY2hlIjp0cnVlLCJtYW51YWxDbGllbnRCYXNlUGF0aCI6ZmFsc2UsImNwdXMiOjE5LCJtZW1vcnlCYXNlZFdvcmtlcnNDb3VudCI6ZmFsc2UsImlzckZsdXNoVG9EaXNrIjp0cnVlLCJ3b3JrZXJUaHJlYWRzIjpmYWxzZSwib3B0aW1pemVDc3MiOmZhbHNlLCJuZXh0U2NyaXB0V29ya2VycyI6ZmFsc2UsInNjcm9sbFJlc3RvcmF0aW9uIjpmYWxzZSwiZXh0ZXJuYWxEaXIiOmZhbHNlLCJkaXNhYmxlT3B0aW1pemVkTG9hZGluZyI6ZmFsc2UsImd6aXBTaXplIjp0cnVlLCJjcmFDb21wYXQiOmZhbHNlLCJlc21FeHRlcm5hbHMiOnRydWUsImZ1bGx5U3BlY2lmaWVkIjpmYWxzZSwic3djVHJhY2VQcm9maWxpbmciOmZhbHNlLCJmb3JjZVN3Y1RyYW5zZm9ybXMiOmZhbHNlLCJsYXJnZVBhZ2VEYXRhQnl0ZXMiOjEyODAwMCwidHVyYm8iOnsicm9vdCI6Ii90bXAvbmV4dC1zdGF0c1hDY3JuTC9zdGF0cy1hcHAifSwidHlwZWRSb3V0ZXMiOmZhbHNlLCJ0eXBlZEVudiI6ZmFsc2UsInBhcmFsbGVsU2VydmVyQ29tcGlsZXMiOmZhbHNlLCJwYXJhbGxlbFNlcnZlckJ1aWxkVHJhY2VzIjpmYWxzZSwicHByIjpmYWxzZSwicHByRmFsbGJhY2tzIjpmYWxzZSwid2VicGFja01lbW9yeU9wdGltaXphdGlvbnMiOmZhbHNlLCJvcHRpbWl6ZVNlcnZlclJlYWN0Ijp0cnVlLCJ1c2VFYXJseUltcG9ydCI6ZmFsc2UsInN0YWxlVGltZXMiOnsiZHluYW1pYyI6MCwic3RhdGljIjozMDB9LCJhZnRlciI6ZmFsc2UsInNlcnZlckNvbXBvbmVudHNIbXJDYWNoZSI6dHJ1ZSwic3RhdGljR2VuZXJhdGlvbk1heENvbmN1cnJlbmN5Ijo4LCJzdGF0aWNHZW5lcmF0aW9uTWluUGFnZXNQZXJXb3JrZXIiOjI1LCJkeW5hbWljSU8iOmZhbHNlLCJvcHRpbWl6ZVBhY2thZ2VJbXBvcnRzIjpbImx1Y2lkZS1yZWFjdCIsImRhdGUtZm5zIiwibG9kYXNoLWVzIiwicmFtZGEiLCJhbnRkIiwicmVhY3QtYm9vdHN0cmFwIiwiYWhvb2tzIiwiQGFudC1kZXNpZ24vaWNvbnMiLCJAaGVhZGxlc3N1aS9yZWFjdCIsIkBoZWFkbGVzc3VpLWZsb2F0L3JlYWN0IiwiQGhlcm9pY29ucy9yZWFjdC8yMC9zb2xpZCIsIkBoZXJvaWNvbnMvcmVhY3QvMjQvc29saWQiLCJAaGVyb2ljb25zL3JlYWN0LzI0L291dGxpbmUiLCJAdmlzeC92aXN4IiwiQHRyZW1vci9yZWFjdCIsInJ4anMiLCJAbXVpL21hdGVyaWFsIiwiQG11aS9pY29ucy1tYXRlcmlhbCIsInJlY2hhcnRzIiwicmVhY3QtdXNlIiwiZWZmZWN0IiwiQGVmZmVjdC9zY2hlbWEiLCJAZWZmZWN0L3BsYXRmb3JtIiwiQGVmZmVjdC9wbGF0Zm9ybS1ub2RlIiwiQGVmZmVjdC9wbGF0Zm9ybS1icm93c2VyIiwiQGVmZmVjdC9wbGF0Zm9ybS1idW4iLCJAZWZmZWN0L3NxbCIsIkBlZmZlY3Qvc3FsLW1zc3FsIiwiQGVmZmVjdC9zcWwtbXlzcWwyIiwiQGVmZmVjdC9zcWwtcGciLCJAZWZmZWN0L3NxbC1zcXVsaXRlLW5vZGUiLCJAZWZmZWN0L3NxbC1zcXVsaXRlLWJ1biIsIkBlZmZlY3Qvc3FsLXNxdWxpdGUtd2FzbSIsIkBlZmZlY3Qvc3FsLXNxdWxpdGUtcmVhY3QtbmF0aXZlIiwiQGVmZmVjdC9ycGMiLCJAZWZmZWN0L3JwYy1odHRwIiwiQGVmZmVjdC90eXBlY2xhc3MiLCJAZWZmZWN0L2V4cGVyaW1lbnRhbCIsIkBlZmZlY3Qvb3BlbnRlbGVtZXRyeSIsIkBtYXRlcmlhbC11aS9jb3JlIiwiQG1hdGVyaWFsLXVpL2ljb25zIiwiQHRhYmxlci9pY29ucy1yZWFjdCIsIm11aS1jb3JlIiwicmVhY3QtaWNvbnMvYWkiLCJyZWFjdC1pY29ucy9iaSIsInJlYWN0LWljb25zL2JzIiwicmVhY3QtaWNvbnMvY2ciLCJyZWFjdC1pY29ucy9jaSIsInJlYWN0LWljb25zL2RpIiwicmVhY3QtaWNvbnMvZmEiLCJyZWFjdC1pY29ucy9mYTYiLCJyZWFjdC1pY29ucy9mYyIsInJlYWN0LWljb25zL2ZpIiwicmVhY3QtaWNvbnMvZ2kiLCJyZWFjdC1pY29ucy9nbyIsInJlYWN0LWljb25zL2dyIiwicmVhY3QtaWNvbnMvaGkiLCJyZWFjdC1pY29ucy9oaTIiLCJyZWFjdC1pY29ucy9pbSIsInJlYWN0LWljb25zL2lvIiwicmVhY3QtaWNvbnMvaW81IiwicmVhY3QtaWNvbnMvbGlhIiwicmVhY3QtaWNvbnMvbGliIiwicmVhY3QtaWNvbnMvbHUiLCJyZWFjdC1pY29ucy9tZCIsInJlYWN0LWljb25zL3BpIiwicmVhY3QtaWNvbnMvcmkiLCJyZWFjdC1pY29ucy9yeCIsInJlYWN0LWljb25zL3NpIiwicmVhY3QtaWNvbnMvc2wiLCJyZWFjdC1pY29ucy90YiIsInJlYWN0LWljb25zL3RmaSIsInJlYWN0LWljb25zL3RpIiwicmVhY3QtaWNvbnMvdnNjIiwicmVhY3QtaWNvbnMvd2kiXX0sImJ1bmRsZVBhZ2VzUm91dGVyRGVwZW5kZW5jaWVzIjpmYWxzZSwiY29uZmlnRmlsZSI6Ii90bXAvbmV4dC1zdGF0c1hDY3JuTC9zdGF0cy1hcHAvbmV4dC5jb25maWcuanMiLCJjb25maWdGaWxlTmFtZSI6Im5leHQuY29uZmlnLmpzIn0=","pagesType":"app","appDirLoader":"bmV4dC1hcHAtbG9hZGVyP25hbWU9YXBwJTJGYXBwLWVkZ2Utc3NyJTJGcGFnZSZwYWdlPSUyRmFwcC1lZGdlLXNzciUyRnBhZ2UmcGFnZVBhdGg9cHJpdmF0ZS1uZXh0LWFwcC1kaXIlMkZhcHAtZWRnZS1zc3IlMkZwYWdlLmpzJmFwcERpcj0lMkZ0bXAlMkZuZXh0LXN0YXRzWENjcm5MJTJGc3RhdHMtYXBwJTJGYXBwJmFwcFBhdGhzPSUyRmFwcC1lZGdlLXNzciUyRnBhZ2UmcGFnZUV4dGVuc2lvbnM9dHN4JnBhZ2VFeHRlbnNpb25zPXRzJnBhZ2VFeHRlbnNpb25zPWpzeCZwYWdlRXh0ZW5zaW9ucz1qcyZiYXNlUGF0aD0mYXNzZXRQcmVmaXg9Jm5leHRDb25maWdPdXRwdXQ9JmZseWluZ1NodXR0bGU9ZmFsc2UmcHJlZmVycmVkUmVnaW9uPSZtaWRkbGV3YXJlQ29uZmlnPWUzMCUzRCE=","sriEnabled":false,"middlewareConfig":"e30="}!
       var _self___RSC_MANIFEST;
 
       const incrementalCacheHandler = null;
@@ -441,56 +441,56 @@
       /***/
     },
 
-    /***/ 9623: /***/ (
+    /***/ 7832: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
     ) => {
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.bind(__webpack_require__, 6655)
+        __webpack_require__.bind(__webpack_require__, 3533)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.bind(__webpack_require__, 6218)
+        __webpack_require__.bind(__webpack_require__, 1497)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.bind(__webpack_require__, 5775)
+        __webpack_require__.bind(__webpack_require__, 217)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.bind(__webpack_require__, 9762)
+        __webpack_require__.bind(__webpack_require__, 1602)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.bind(__webpack_require__, 5051)
+        __webpack_require__.bind(__webpack_require__, 236)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.bind(__webpack_require__, 2284)
+        __webpack_require__.bind(__webpack_require__, 4970)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.bind(__webpack_require__, 2115)
+        __webpack_require__.bind(__webpack_require__, 4822)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.bind(__webpack_require__, 4691)
+        __webpack_require__.bind(__webpack_require__, 1115)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.bind(__webpack_require__, 2180)
+        __webpack_require__.bind(__webpack_require__, 8032)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.bind(__webpack_require__, 1706)
+        __webpack_require__.bind(__webpack_require__, 2379)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.bind(__webpack_require__, 8283)
+        __webpack_require__.bind(__webpack_require__, 4260)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.bind(__webpack_require__, 530)
+        __webpack_require__.bind(__webpack_require__, 2427)
       );
 
       /***/
     },
 
-    /***/ 9595: /***/ () => {
+    /***/ 5041: /***/ () => {
       /***/
     },
 
-    /***/ 5425: /***/ (
+    /***/ 2086: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -510,7 +510,7 @@
       /***/
     },
 
-    /***/ 6546: /***/ (
+    /***/ 2475: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -522,7 +522,7 @@
         /* harmony export */
       });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
-        __webpack_require__(3024);
+        __webpack_require__(1325);
 
       function RootLayout({ children }) {
         return /*#__PURE__*/ (0,
@@ -541,7 +541,7 @@
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
-    /******/ __webpack_require__.O(0, [441, 908], () => __webpack_exec__(9208));
+    /******/ __webpack_require__.O(0, [76, 698], () => __webpack_exec__(5398));
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ (_ENTRIES = typeof _ENTRIES === "undefined" ? {} : _ENTRIES)[
       "middleware_app/app-edge-ssr/page"
Diff for middleware.js

Diff too large to display

Diff for edge-ssr.js

Diff too large to display

Diff for image-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [8358],
   {
-    /***/ 3795: /***/ (
+    /***/ 4555: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/image",
         function () {
-          return __webpack_require__(2298);
+          return __webpack_require__(4328);
         },
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 5991: /***/ (module, exports, __webpack_require__) => {
+    /***/ 4475: /***/ (module, exports, __webpack_require__) => {
       "use strict";
       /* __next_internal_client_entry_do_not_use__  cjs */
       Object.defineProperty(exports, "__esModule", {
@@ -40,17 +40,17 @@
         __webpack_require__(711)
       );
       const _head = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(7477)
+        __webpack_require__(8391)
       );
-      const _getimgprops = __webpack_require__(929);
-      const _imageconfig = __webpack_require__(2072);
-      const _imageconfigcontextsharedruntime = __webpack_require__(6995);
-      const _warnonce = __webpack_require__(8418);
-      const _routercontextsharedruntime = __webpack_require__(6158);
+      const _getimgprops = __webpack_require__(446);
+      const _imageconfig = __webpack_require__(8219);
+      const _imageconfigcontextsharedruntime = __webpack_require__(8161);
+      const _warnonce = __webpack_require__(3163);
+      const _routercontextsharedruntime = __webpack_require__(4613);
       const _imageloader = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(1000)
+        __webpack_require__(8542)
       );
-      const _usemergedref = __webpack_require__(8365);
+      const _usemergedref = __webpack_require__(5787);
       // This is replaced by webpack define plugin
       const configEnv = {
         deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
@@ -371,7 +371,7 @@
       /***/
     },
 
-    /***/ 8365: /***/ (module, exports, __webpack_require__) => {
+    /***/ 5787: /***/ (module, exports, __webpack_require__) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -432,7 +432,7 @@
       /***/
     },
 
-    /***/ 929: /***/ (
+    /***/ 446: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -448,9 +448,9 @@
           return getImgProps;
         },
       });
-      const _warnonce = __webpack_require__(8418);
-      const _imageblursvg = __webpack_require__(9980);
-      const _imageconfig = __webpack_require__(2072);
+      const _warnonce = __webpack_require__(3163);
+      const _imageblursvg = __webpack_require__(9409);
+      const _imageconfig = __webpack_require__(8219);
       const VALID_LOADING_VALUES =
         /* unused pure expression or super */ null && [
           "lazy",
@@ -823,7 +823,7 @@
       /***/
     },
 
-    /***/ 9980: /***/ (__unused_webpack_module, exports) => {
+    /***/ 9409: /***/ (__unused_webpack_module, exports) => {
       "use strict";
       /**
        * A shared function, used on both client and server, to generate a SVG blur placeholder.
@@ -878,7 +878,7 @@
       /***/
     },
 
-    /***/ 8915: /***/ (
+    /***/ 8290: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -905,10 +905,10 @@
         },
       });
       const _interop_require_default = __webpack_require__(9608);
-      const _getimgprops = __webpack_require__(929);
-      const _imagecomponent = __webpack_require__(5991);
+      const _getimgprops = __webpack_require__(446);
+      const _imagecomponent = __webpack_require__(4475);
       const _imageloader = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(1000)
+        __webpack_require__(8542)
       );
       function getImageProps(imgProps) {
         const { props } = (0, _getimgprops.getImgProps)(imgProps, {
@@ -940,7 +940,7 @@
       /***/
     },
 
-    /***/ 1000: /***/ (__unused_webpack_module, exports) => {
+    /***/ 8542: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -975,7 +975,7 @@
       /***/
     },
 
-    /***/ 2298: /***/ (
+    /***/ 4328: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -992,8 +992,8 @@
 
       // EXTERNAL MODULE: ./node_modules/.pnpm/[email protected]/node_modules/react/jsx-runtime.js
       var jsx_runtime = __webpack_require__(7625);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+main-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_bcdb4rnr4saeen7jbzxjgvda74/node_modules/next/image.js
-      var next_image = __webpack_require__(1563);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+diff-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-d8c90fa4-20241001_re_zkuyc7a4fxqintonzvch5a5ysi/node_modules/next/image.js
+      var next_image = __webpack_require__(7173);
       var image_default = /*#__PURE__*/ __webpack_require__.n(next_image); // CONCATENATED MODULE: ./pages/nextjs.png
       /* harmony default export */ const nextjs = {
         src: "/_next/static/media/nextjs.cae0b805.png",
@@ -1023,12 +1023,12 @@
       /***/
     },
 
-    /***/ 1563: /***/ (
+    /***/ 7173: /***/ (
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) => {
-      module.exports = __webpack_require__(8915);
+      module.exports = __webpack_require__(8290);
 
       /***/
     },
@@ -1038,7 +1038,7 @@
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [2888, 9774, 179], () =>
-      __webpack_exec__(3795)
+      __webpack_exec__(4555)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for 794d4805-HASH.js
@@ -1,13 +1,13 @@
 "use strict";
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [6657],
+  [6627],
   {
-    /***/ 2167: /***/ (
+    /***/ 5987: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
     ) => {
-      /* provided dependency */ var process = __webpack_require__(2765);
+      /* provided dependency */ var process = __webpack_require__(2723);
       /**
        * @license React
        * react-dom-client.production.js
@@ -22,9 +22,9 @@
  Modernizr 3.0.0pre (Custom Build) | MIT
 */
 
-      var Scheduler = __webpack_require__(5231),
-        React = __webpack_require__(3349),
-        ReactDOM = __webpack_require__(3935);
+      var Scheduler = __webpack_require__(4840),
+        React = __webpack_require__(4168),
+        ReactDOM = __webpack_require__(6177);
       function formatProdErrorMessage(code) {
         var url = "https://react.dev/errors/" + code;
         if (1 < arguments.length) {
@@ -731,6 +731,13 @@
         for (var laneMap = [], i = 0; 31 > i; i++) laneMap.push(initial);
         return laneMap;
       }
+      function markRootUpdated$1(root, updateLane) {
+        root.pendingLanes |= updateLane;
+        268435456 !== updateLane &&
+          ((root.suspendedLanes = 0),
+          (root.pingedLanes = 0),
+          (root.warmLanes = 0));
+      }
       function markRootFinished(
         root,
         finishedLanes,
@@ -2501,7 +2508,12 @@
           (update.lane = lane | 536870912));
       }
       function getRootForUpdatedFiber(sourceFiber) {
-        throwIfInfiniteUpdateLoopDetected();
+        if (50 < nestedUpdateCount)
+          throw (
+            ((nestedUpdateCount = 0),
+            (rootWithNestedUpdates = null),
+            Error(formatProdErrorMessage(185)))
+          );
         for (var parent = sourceFiber.return; null !== parent; )
           (sourceFiber = parent), (parent = sourceFiber.return);
         return 3 === sourceFiber.tag ? sourceFiber.stateNode : null;
@@ -10849,7 +10861,6 @@
         workInProgressRootConcurrentErrors = null,
         workInProgressRootRecoverableErrors = null,
         workInProgressRootDidIncludeRecursiveRenderUpdate = !1,
-        didIncludeCommitPhaseUpdate = !1,
         globalMostRecentFallbackTime = 0,
         workInProgressRootRenderTargetTime = Infinity,
         workInProgressTransitions = null,
@@ -10895,7 +10906,7 @@
               workInProgressDeferredLane,
               workInProgressRootDidSkipSuspendedSiblings
             );
-        markRootUpdated(root, lane);
+        markRootUpdated$1(root, lane);
         if (0 === (executionContext & 2) || root !== workInProgressRoot)
           root === workInProgressRoot &&
             (0 === (executionContext & 2) &&
@@ -11190,17 +11201,6 @@
         }
         return !0;
       }
-      function markRootUpdated(root, updatedLanes) {
-        root.pendingLanes |= updatedLanes;
-        268435456 !== updatedLanes &&
-          ((root.suspendedLanes = 0),
-          (root.pingedLanes = 0),
-          (root.warmLanes = 0));
-        executionContext & 2
-          ? (workInProgressRootDidIncludeRecursiveRenderUpdate = !0)
-          : executionContext & 4 && (didIncludeCommitPhaseUpdate = !0);
-        throwIfInfiniteUpdateLoopDetected();
-      }
       function markRootSuspended(
         root,
         suspendedLanes,
@@ -11722,8 +11722,8 @@
         while (null !== rootWithPendingPassiveEffects);
         if (0 !== (executionContext & 6))
           throw Error(formatProdErrorMessage(327));
-        var finishedWork = root.finishedWork,
-          lanes = root.finishedLanes;
+        var finishedWork = root.finishedWork;
+        didIncludeRenderPhaseUpdate = root.finishedLanes;
         if (null === finishedWork) return null;
         root.finishedWork = null;
         root.finishedLanes = 0;
@@ -11736,13 +11736,12 @@
         remainingLanes |= concurrentlyUpdatedLanes;
         markRootFinished(
           root,
-          lanes,
+          didIncludeRenderPhaseUpdate,
           remainingLanes,
           spawnedLane,
           updatedLanes,
           suspendedRetryLanes
         );
-        didIncludeCommitPhaseUpdate = !1;
         root === workInProgressRoot &&
           ((workInProgress = workInProgressRoot = null),
           (workInProgressRootRenderLanes = 0));
@@ -11783,7 +11782,7 @@
         rootDoesHavePassiveEffects
           ? ((rootDoesHavePassiveEffects = !1),
             (rootWithPendingPassiveEffects = root),
-            (pendingPassiveEffectsLanes = lanes))
+            (pendingPassiveEffectsLanes = didIncludeRenderPhaseUpdate))
           : releaseRootPooledCache(root, remainingLanes);
         remainingLanes = root.pendingLanes;
         0 === remainingLanes && (legacyErrorBoundariesThatAlreadyFailed = null);
@@ -11801,9 +11800,8 @@
               });
         0 !== (pendingPassiveEffectsLanes & 3) && flushPassiveEffects();
         remainingLanes = root.pendingLanes;
-        didIncludeRenderPhaseUpdate ||
-        didIncludeCommitPhaseUpdate ||
-        (0 !== (lanes & 4194218) && 0 !== (remainingLanes & 42))
+        0 !== (didIncludeRenderPhaseUpdate & 4194218) &&
+        0 !== (remainingLanes & 42)
           ? root === rootWithNestedUpdates
             ? nestedUpdateCount++
             : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root))
@@ -11878,7 +11876,7 @@
         );
         rootFiber = enqueueUpdate(rootFiber, sourceFiber, 2);
         null !== rootFiber &&
-          (markRootUpdated(rootFiber, 2), ensureRootIsScheduled(rootFiber));
+          (markRootUpdated$1(rootFiber, 2), ensureRootIsScheduled(rootFiber));
       }
       function captureCommitPhaseError(
         sourceFiber,
@@ -11915,7 +11913,7 @@
                     nearestMountedAncestor,
                     sourceFiber
                   ),
-                  markRootUpdated(instance, 2),
+                  markRootUpdated$1(instance, 2),
                   ensureRootIsScheduled(instance));
                 break;
               }
@@ -11944,10 +11942,6 @@
         null !== pingCache && pingCache.delete(wakeable);
         root.pingedLanes |= root.suspendedLanes & pingedLanes;
         root.warmLanes &= ~pingedLanes;
-        executionContext & 2
-          ? (workInProgressRootDidIncludeRecursiveRenderUpdate = !0)
-          : executionContext & 4 && (didIncludeCommitPhaseUpdate = !0);
-        throwIfInfiniteUpdateLoopDetected();
         workInProgressRoot === root &&
           (workInProgressRootRenderLanes & pingedLanes) === pingedLanes &&
           (4 === workInProgressRootExitStatus ||
@@ -11968,7 +11962,7 @@
           retryLane
         );
         null !== boundaryFiber &&
-          (markRootUpdated(boundaryFiber, retryLane),
+          (markRootUpdated$1(boundaryFiber, retryLane),
           ensureRootIsScheduled(boundaryFiber));
       }
       function retryDehydratedSuspenseBoundary(boundaryFiber) {
@@ -11997,18 +11991,6 @@
         null !== retryCache && retryCache.delete(wakeable);
         retryTimedOutBoundary(boundaryFiber, retryLane);
       }
-      function throwIfInfiniteUpdateLoopDetected() {
-        if (100 < nestedUpdateCount)
-          throw (
-            ((nestedUpdateCount = 0),
-            (rootWithNestedUpdates = null),
-            executionContext & 2 &&
-              null !== workInProgressRoot &&
-              (workInProgressRoot.errorRecoveryDisabledLanes |=
-                workInProgressRootRenderLanes),
-            Error(formatProdErrorMessage(185)))
-          );
-      }
       function scheduleCallback$1(priorityLevel, callback) {
         return scheduleCallback$3(priorityLevel, callback);
       }
@@ -12318,20 +12300,20 @@
         }
       }
       for (
-        var i$jscomp$inline_1419 = 0;
-        i$jscomp$inline_1419 < simpleEventPluginEvents.length;
-        i$jscomp$inline_1419++
+        var i$jscomp$inline_1432 = 0;
+        i$jscomp$inline_1432 < simpleEventPluginEvents.length;
+        i$jscomp$inline_1432++
       ) {
-        var eventName$jscomp$inline_1420 =
-            simpleEventPluginEvents[i$jscomp$inline_1419],
-          domEventName$jscomp$inline_1421 =
-            eventName$jscomp$inline_1420.toLowerCase(),
-          capitalizedEvent$jscomp$inline_1422 =
-            eventName$jscomp$inline_1420[0].toUpperCase() +
-            eventName$jscomp$inline_1420.slice(1);
+        var eventName$jscomp$inline_1433 =
+            simpleEventPluginEvents[i$jscomp$inline_1432],
+          domEventName$jscomp$inline_1434 =
+            eventName$jscomp$inline_1433.toLowerCase(),
+          capitalizedEvent$jscomp$inline_1435 =
+            eventName$jscomp$inline_1433[0].toUpperCase() +
+            eventName$jscomp$inline_1433.slice(1);
         registerSimpleEvent(
-          domEventName$jscomp$inline_1421,
-          "on" + capitalizedEvent$jscomp$inline_1422
+          domEventName$jscomp$inline_1434,
+          "on" + capitalizedEvent$jscomp$inline_1435
         );
       }
       registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -16000,16 +15982,16 @@
           0 === i && attemptExplicitHydrationTarget(target);
         }
       };
-      var isomorphicReactPackageVersion$jscomp$inline_1666 = React.version;
+      var isomorphicReactPackageVersion$jscomp$inline_1679 = React.version;
       if (
-        "19.0.0-rc-2d16326d-20240930" !==
-        isomorphicReactPackageVersion$jscomp$inline_1666
+        "19.0.0-rc-d8c90fa4-20241001" !==
+        isomorphicReactPackageVersion$jscomp$inline_1679
       )
         throw Error(
           formatProdErrorMessage(
             527,
-            isomorphicReactPackageVersion$jscomp$inline_1666,
-            "19.0.0-rc-2d16326d-20240930"
+            isomorphicReactPackageVersion$jscomp$inline_1679,
+            "19.0.0-rc-d8c90fa4-20241001"
           )
         );
       ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
@@ -16029,25 +16011,25 @@
           null === componentOrElement ? null : componentOrElement.stateNode;
         return componentOrElement;
       };
-      var internals$jscomp$inline_2137 = {
+      var internals$jscomp$inline_2150 = {
         bundleType: 0,
-        version: "19.0.0-rc-2d16326d-20240930",
+        version: "19.0.0-rc-d8c90fa4-20241001",
         rendererPackageName: "react-dom",
         currentDispatcherRef: ReactSharedInternals,
         findFiberByHostInstance: getClosestInstanceFromNode,
-        reconcilerVersion: "19.0.0-rc-2d16326d-20240930",
+        reconcilerVersion: "19.0.0-rc-d8c90fa4-20241001",
       };
       if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-        var hook$jscomp$inline_2138 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+        var hook$jscomp$inline_2151 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
         if (
-          !hook$jscomp$inline_2138.isDisabled &&
-          hook$jscomp$inline_2138.supportsFiber
+          !hook$jscomp$inline_2151.isDisabled &&
+          hook$jscomp$inline_2151.supportsFiber
         )
           try {
-            (rendererID = hook$jscomp$inline_2138.inject(
-              internals$jscomp$inline_2137
+            (rendererID = hook$jscomp$inline_2151.inject(
+              internals$jscomp$inline_2150
             )),
-              (injectedHook = hook$jscomp$inline_2138);
+              (injectedHook = hook$jscomp$inline_2151);
           } catch (err) {}
       }
       exports.createRoot = function (container, options) {
@@ -16137,13 +16119,13 @@
         identifierPrefix.callback = null;
         enqueueUpdate(options, identifierPrefix, isStrictMode);
         initialChildren.current.lanes = isStrictMode;
-        markRootUpdated(initialChildren, isStrictMode);
+        markRootUpdated$1(initialChildren, isStrictMode);
         ensureRootIsScheduled(initialChildren);
         container[internalContainerInstanceKey] = initialChildren.current;
         listenToAllSupportedEvents(container);
         return new ReactDOMHydrationRoot(initialChildren);
       };
-      exports.version = "19.0.0-rc-2d16326d-20240930";
+      exports.version = "19.0.0-rc-d8c90fa4-20241001";
 
       /***/
     },
Diff for 8772-HASH.js

Diff too large to display

Diff for app-page-exp..ntime.dev.js
failed to diff
Diff for app-page-exp..time.prod.js

Diff too large to display

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

Diff too large to display

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

Diff too large to display

Diff for app-page.runtime.dev.js
failed to diff
Diff for app-page.runtime.prod.js

Diff too large to display

Commit: c4a7f76

@eps1lon eps1lon force-pushed the update/react/d8c90fa4-20241001 branch from 17c868c to c4d4ce4 Compare October 2, 2024 11:22
Copy link
Member

eps1lon commented Oct 2, 2024

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

Join @vercel-release-bot and the rest of your teammates on Graphite Graphite

Comment on lines +598 to +608
!wellKnownProperties.has(prop) && // We are accessing a property that was proxied to the promise instance
(proxiedProperties.has(prop) ||
// We are accessing a property that doesn't exist on the promise nor the underlying
Reflect.has(target, prop) === false)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@eps1lon

Yeah I suppose this is the right approach. I was thinking maybe we could get rid of the warning if the property doesn't exist on either the promise or the underlying search params object but it is common to check for a search param to exist and if it doesn't you wouldn't get the warning in that case.

I think we can actually just simplify the logic to only warn if the prop is not part of the well known set regardless of whether it was proxied or not. The well known ones won't ever be in the proxied set so they are mutually exclusive and there

so maybe

Suggested change
!wellKnownProperties.has(prop) && // We are accessing a property that was proxied to the promise instance
(proxiedProperties.has(prop) ||
// We are accessing a property that doesn't exist on the promise nor the underlying
Reflect.has(target, prop) === false)
// The property isn't part of the well known set that is never proxied
!wellKnownProperties.has(prop) &&
// We aren't accessing a property defined directly on the promise like 'status' or 'value' written by React
Reflect.has(target, prop) === false

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This won't warn on the proxied properties though since we don't warn from the getter.

@eps1lon eps1lon force-pushed the update/react/d8c90fa4-20241001 branch from c4d4ce4 to c4a7f76 Compare October 8, 2024 11:22
@eps1lon eps1lon closed this Oct 10, 2024
@eps1lon eps1lon deleted the update/react/d8c90fa4-20241001 branch October 10, 2024 15:05
@github-actions github-actions bot locked as resolved and limited conversation to collaborators Oct 25, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
CI approved Approve running CI for fork create-next-app Related to our CLI tool for quickly starting a new Next.js application. examples Issue/PR related to examples locked tests type: next type: react-sync
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants