Skip to content

[dev-overlay] Fix highlighted line cut off on scroll #78861

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.

Sign up for GitHub

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

Jump to bottom
Open
wants to merge 4 commits into
base: canary
Choose a base branch
from
Open

[dev-overlay] Fix highlighted line cut off on scroll #78861

wants to merge 4 commits into from

Conversation

raunofreiberg
Copy link
Member

Tiny PR to fix the error highlight not spanning full width of the container. Setting display: grid is just an easy way to let each direct descendant grow to fit the parent.

CleanShot.2025-05-06.at.16.01.10.mp4

Closes NDX-1025

@raunofreiberg raunofreiberg requested a review from devjiwonchoi May 6, 2025 13:05
@ijjk ijjk added CI approved Approve running CI for fork type: next labels May 6, 2025
@ijjk
Copy link
Member

ijjk commented May 6, 2025 •
edited
Loading

Failing test suites

Commit: 2cb6977

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

  • ReactRefreshLogBox app > server-side only compilation errors
Expand output

● ReactRefreshLogBox app › server-side only compilation errors

expect(received).toMatchInlineSnapshot(snapshot)

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

- Snapshot  - 2
+ Received  + 9

@@ -2,9 +2,16 @@
    "description": "Ecmascript file had an error",
    "environmentLabel": null,
    "label": "Build Error",
    "source": "./app/page.js (3:23)
  Ecmascript file had an error
- > 3 | export async function getStaticProps() {
-     |                       ^^^^^^^^^^^^^^",
+  1 |
+ 'use client'
+  2 |
+ import
+  myLibrary
+ from
+ 'my-non-existent-library'
+ >
+  3 |",
    "stack": [],
  }

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

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

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

pnpm test-dev-turbo test/development/sass-error/index.test.ts (turbopack)

  • app dir - css > sass support > error handling > should use original source points for sass errors
Expand output

● app dir - css › sass support › error handling › should use original source points for sass errors

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `app dir - css sass support error handling should use original source points for sass errors 1`

- Snapshot  -  7
+ Received  + 34

  "./app/global.scss.css (45:1)
  Parsing css source code failed
-   43 | }
+
+  
+  43 |
+  }
-   44 |
+  
+  44 |
- > 45 | input.defaultCheckbox::before path {
+
+
+ >
+  45 |
+  input
+ .
+ defaultCheckbox
+ :
+ :
+ before path {
-      | ^
+  
+     |
+  
+ ^
+
-   46 |   fill: currentColor;
+  
+  46 |
+    fill
+ :
+  currentColor
+ ;
-   47 | }
+
+  
+  47 |
+  }
-   48 |
+  
+  48 |

+
  Pseudo-elements like '::before' or '::after' can't be followed by selectors like 'Ident("path")' at [project]/app/global.scss.css:0:884"

  26 |
  27 |           // css-loader does not report an error for this case
> 28 |           expect(source).toMatchInlineSnapshot(`
     |                          ^
  29 |            "./app/global.scss.css (45:1)
  30 |            Parsing css source code failed
  31 |              43 | }

  at Object.toMatchInlineSnapshot (development/sass-error/index.test.ts:28:26)

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

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

  • app-dir - server-component-next-dynamic-ssr-false > should error when use dynamic ssr:false in server component
Expand output

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

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `app-dir - server-component-next-dynamic-ssr-false should error when use dynamic ssr:false in server component 2`

- Snapshot  -  8
+ Received  + 24

  ./app/page.js
- Error:   x `ssr: false` is not allowed with `next/dynamic` in Server Components. Please move it into a Client Component.
+ Error:   
+ x
+  `ssr: false` is not allowed with `next/dynamic` in Server Components. Please move it into a Client Component.
     ,-[3:1]
-  1 | import dynamic from 'next/dynamic'
+  
+ 1
+  | import dynamic from 'next/dynamic'
-  2 | 
+  
+ 2
+  | 
-  3 | const DynamicClient = dynamic(() => import('./client'), { ssr: false })
+  
+ 3
+  | const DynamicClient = dynamic(() => import('./client'), { ssr: false })
-    :                       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    : 
+                       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-  4 | 
+
+  
+ 4
+  | 
-  5 | export default function Page() {
+  
+ 5
+  | export default function Page() {
-  6 |   return <DynamicClient />
+  
+ 6
+  |   return <DynamicClient />
     `----

  40 |         `"  x \`ssr: false\` is not allowed with \`next/dynamic\` in Server Components. Please move it into a Client Component."`
  41 |       )
> 42 |       expect(redbox.source).toMatchInlineSnapshot(`
     |                             ^
  43 |          "./app/page.js
  44 |          Error:   x \`ssr: false\` is not allowed with \`next/dynamic\` in Server Components. Please move it into a Client Component.
  45 |             ,-[3:1]

  at Object.toMatchInlineSnapshot (development/app-dir/server-component-next-dynamic-ssr-false/server-component-next-dynamic-ssr-false.test.ts:42:29)

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

pnpm test-dev-turbo test/development/app-dir/dynamic-io-dev-errors/dynamic-io-dev-errors.test.ts (turbopack)

  • Dynamic IO Dev Errors > should clear segment errors after correcting them
Expand output

● Dynamic IO Dev Errors › should clear segment errors after correcting them

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `Dynamic IO Dev Errors should clear segment errors after correcting them 1`

- Snapshot  - 2
+ Received  + 2

@@ -2,9 +2,9 @@
    "description": "Ecmascript file had an error",
    "environmentLabel": null,
    "label": "Build Error",
    "source": "./app/page.tsx (1:14)
  Ecmascript file had an error
- > 1 | export const revalidate = 10
-     |              ^^^^^^^^^^",
+ >
+  1 |",
    "stack": [],
  }

  137 |     const { browser, session } = sandbox
  138 |     if (isTurbopack) {
> 139 |       await expect(browser).toDisplayRedbox(`
      |                             ^
  140 |          {
  141 |            "description": "Ecmascript file had an error",
  142 |            "environmentLabel": null,

  at Object.toDisplayRedbox (development/app-dir/dynamic-io-dev-errors/dynamic-io-dev-errors.test.ts:139:29)

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

pnpm test-dev-turbo test/development/acceptance/ReactRefreshLogBox-builtins.test.ts (turbopack)

  • ReactRefreshLogBox > Node.js builtins
  • ReactRefreshLogBox > Module not found
  • ReactRefreshLogBox > Module not found (empty import trace)
  • ReactRefreshLogBox > Module not found (missing global CSS)
Expand output

● ReactRefreshLogBox › Node.js builtins

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `ReactRefreshLogBox Node.js builtins 1`

- Snapshot  - 2
+ Received  + 2

@@ -2,9 +2,9 @@
    "description": "Module not found: Can't resolve 'dns'",
    "environmentLabel": null,
    "label": "Build Error",
    "source": "./node_modules/my-package/index.js (1:13)
  Module not found: Can't resolve 'dns'
- > 1 | const dns = require('dns')
-     |             ^^^^^^^^^^^^^^",
+ >
+  1 |",
    "stack": [],
  }

  46 |
  47 |     if (isTurbopack) {
> 48 |       await expect(browser).toDisplayRedbox(`
     |                             ^
  49 |        {
  50 |          "description": "Module not found: Can't resolve 'dns'",
  51 |          "environmentLabel": null,

  at Object.toDisplayRedbox (development/acceptance/ReactRefreshLogBox-builtins.test.ts:48:29)

● ReactRefreshLogBox › Module not found

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `ReactRefreshLogBox Module not found 1`

- Snapshot  - 2
+ Received  + 2

@@ -2,9 +2,9 @@
    "description": "Module not found: Can't resolve 'b'",
    "environmentLabel": null,
    "label": "Build Error",
    "source": "./index.js (1:1)
  Module not found: Can't resolve 'b'
- > 1 | import Comp from 'b'
-     | ^^^^^^^^^^^^^^^^^^^^",
+ >
+  1 |",
    "stack": [],
  }

  94 |
  95 |     if (isTurbopack) {
> 96 |       await expect(browser).toDisplayRedbox(`
     |                             ^
  97 |        {
  98 |          "description": "Module not found: Can't resolve 'b'",
  99 |          "environmentLabel": null,

  at Object.toDisplayRedbox (development/acceptance/ReactRefreshLogBox-builtins.test.ts:96:29)

● ReactRefreshLogBox › Module not found (empty import trace)

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `ReactRefreshLogBox Module not found (empty import trace) 1`

- Snapshot  - 2
+ Received  + 2

@@ -2,9 +2,9 @@
    "description": "Module not found: Can't resolve 'b'",
    "environmentLabel": null,
    "label": "Build Error",
    "source": "./pages/index.js (1:1)
  Module not found: Can't resolve 'b'
- > 1 | import Comp from 'b'
-     | ^^^^^^^^^^^^^^^^^^^^",
+ >
+  1 |",
    "stack": [],
  }

  142 |
  143 |     if (isTurbopack) {
> 144 |       await expect(browser).toDisplayRedbox(`
      |                             ^
  145 |        {
  146 |          "description": "Module not found: Can't resolve 'b'",
  147 |          "environmentLabel": null,

  at Object.toDisplayRedbox (development/acceptance/ReactRefreshLogBox-builtins.test.ts:144:29)

● ReactRefreshLogBox › Module not found (missing global CSS)

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `ReactRefreshLogBox Module not found (missing global CSS) 1`

- Snapshot  - 2
+ Received  + 2

@@ -2,9 +2,9 @@
    "description": "Module not found: Can't resolve './non-existent.css'",
    "environmentLabel": null,
    "label": "Build Error",
    "source": "./pages/_app.js (1:1)
  Module not found: Can't resolve './non-existent.css'
- > 1 | import './non-existent.css'
-     | ^^^^^^^^^^^^^^^^^^^^^^^^^^^",
+ >
+  1 |",
    "stack": [],
  }

  197 |
  198 |     if (isTurbopack) {
> 199 |       await expect(browser).toDisplayRedbox(`
      |                             ^
  200 |        {
  201 |          "description": "Module not found: Can't resolve './non-existent.css'",
  202 |          "environmentLabel": null,

  at Object.toDisplayRedbox (development/acceptance/ReactRefreshLogBox-builtins.test.ts:199:29)

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

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

  • ReactRefreshLogBox _app _document > _app syntax error shows logbox
  • ReactRefreshLogBox _app _document > _document syntax error shows logbox
Expand output

● ReactRefreshLogBox _app _document › _app syntax error shows logbox

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `ReactRefreshLogBox _app _document _app syntax error shows logbox 1`

- Snapshot  - 2
+ Received  + 9

@@ -2,9 +2,16 @@
    "description": "Parsing ecmascript source code failed",
    "environmentLabel": null,
    "label": "Build Error",
    "source": "./pages/_app.js (2:11)
  Parsing ecmascript source code failed
- > 2 |   return <<Component {...pageProps} />;
-     |           ^",
+  1 |
+ function
+ MyApp
+ ({
+ Component
+ ,
+  pageProps }) {
+ >
+  2 |",
    "stack": [],
  }

  105 |
  106 |     if (isTurbopack) {
> 107 |       await expect(browser).toDisplayRedbox(`
      |                             ^
  108 |        {
  109 |          "description": "Parsing ecmascript source code failed",
  110 |          "environmentLabel": null,

  at Object.toDisplayRedbox (development/acceptance/ReactRefreshLogBox-app-doc.test.ts:107:29)

● ReactRefreshLogBox _app _document › _document syntax error shows logbox

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `ReactRefreshLogBox _app _document _document syntax error shows logbox 1`

- Snapshot  -  2
+ Received  + 18

@@ -2,9 +2,25 @@
    "description": "Parsing ecmascript source code failed",
    "environmentLabel": null,
    "label": "Build Error",
    "source": "./pages/_document.js (3:36)
  Parsing ecmascript source code failed
- > 3 | class MyDocument extends Document {{
-     |                                    ^",
+  1 |
+ import
+ Document
+ ,
+  {
+ Html
+ ,
+ Head
+ ,
+ Main
+ ,
+ NextScript
+  }
+ from
+ 'next/document'
+  2 |
+ >
+  3 |",
    "stack": [],
  }

  226 |     const { browser, session } = sandbox
  227 |     if (isTurbopack) {
> 228 |       await expect(browser).toDisplayRedbox(`
      |                             ^
  229 |        {
  230 |          "description": "Parsing ecmascript source code failed",
  231 |          "environmentLabel": null,

  at Object.toDisplayRedbox (development/acceptance/ReactRefreshLogBox-app-doc.test.ts:228:29)

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

pnpm test-dev test/e2e/app-dir/error-on-next-codemod-comment/error-on-next-codemod-comment.test.ts

  • app-dir - error-on-next-codemod-comment > should error with swc if you have codemod comments left
Expand output

● app-dir - error-on-next-codemod-comment › should error with swc if you have codemod comments left

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `app-dir - error-on-next-codemod-comment should error with swc if you have codemod comments left 1`

- Snapshot  -  7
+ Received  + 21

  "./app/page.tsx
- Error:   x You have an unresolved @next/codemod comment "remove jsx of next line" that needs review.
+ Error:   
+ x
+  You have an unresolved @next/codemod comment "remove jsx of next line" that needs review.
-   | After review, either remove the comment if you made the necessary changes or replace "@next-codemod-error" with "@next-codemod-ignore" to bypass the build error if no action at this line can be taken.
+   
+ |
+  After review, either remove the comment if you made the necessary changes or replace "@next-codemod-error" with "@next-codemod-ignore" to bypass the build error if no action at this line can be taken.

     ,-[2:1]
-  1 | export default function Page() {
+  
+ 1
+  | export default function Page() {
-  2 |   // @next-codemod-error remove jsx of next line
+  
+ 2
+  |   // @next-codemod-error remove jsx of next line
-    :  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    : 
+  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-  3 |   return <p>hello world</p>
+
+  
+ 3
+  |   return <p>hello world</p>
-  4 | }
+  
+ 4
+  | }
     `----"

  39 |           `)
  40 |       } else {
> 41 |         expect(await getRedboxSource(browser)).toMatchInlineSnapshot(`
     |                                                ^
  42 |          "./app/page.tsx
  43 |          Error:   x You have an unresolved @next/codemod comment "remove jsx of next line" that needs review.
  44 |            | After review, either remove the comment if you made the necessary changes or replace "@next-codemod-error" with "@next-codemod-ignore" to bypass the build error if no action at this line can be taken.

  at Object.toMatchInlineSnapshot (e2e/app-dir/error-on-next-codemod-comment/error-on-next-codemod-comment.test.ts:41:48)

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

__NEXT_EXPERIMENTAL_PPR=true pnpm test-dev test/e2e/app-dir/use-cache-without-experimental-flag/use-cache-without-experimental-flag.test.ts (PPR)

  • use-cache-without-experimental-flag > should show a build error
Expand output

● use-cache-without-experimental-flag › should show a build error

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `use-cache-without-experimental-flag should show a build error 2`

- Snapshot  -  8
+ Received  + 24

  "./app/page.tsx
- Error:   x To use "use cache", please enable the experimental feature flag "useCache" in your Next.js config.
+ Error:   
+ x
+  To use "use cache", please enable the experimental feature flag "useCache" in your Next.js config.
-   |
-   | Read more: https://nextjs.org/docs/canary/app/api-reference/directives/use-cache#usage
+   
+ |
+
+   
+ |
+  Read more: https://nextjs.org/docs/canary/app/api-reference/directives/use-cache#usage

     ,-[1:1]
-  1 | 'use cache'
+  
+ 1
+  | 'use cache'
-    : ^^^^^^^^^^^
+    : 
+ ^^^^^^^^^^^
-  2 | 
+
+  
+ 2
+  | 
-  3 | export default async function Page() {
+  
+ 3
+  | export default async function Page() {
-  4 |   return <p>hello world</p>
+  
+ 4
+  |   return <p>hello world</p>
     `----"

  109 |           `)
  110 |       } else {
> 111 |         expect(errorSource).toMatchInlineSnapshot(`
      |                             ^
  112 |          "./app/page.tsx
  113 |          Error:   x To use "use cache", please enable the experimental feature flag "useCache" in your Next.js config.
  114 |            |

  at Object.toMatchInlineSnapshot (e2e/app-dir/use-cache-without-experimental-flag/use-cache-without-experimental-flag.test.ts:111:29)

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

pnpm test-dev test/e2e/app-dir/use-cache-segment-configs/use-cache-segment-configs.test.ts

Expand output

● Test suite failed to run

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `use-cache-segment-configs it should error when using segment configs that aren't supported by useCache 1`

- Snapshot  -  6
+ Received  + 13

  {
    "description": "  x Route segment config "runtime" is not compatible with `nextConfig.experimental.useCache`. Please remove it.",
    "environmentLabel": null,
    "label": "Build Error",
    "source": "<FIXME-nextjs-internal-source>
- Error:   x Route segment config "runtime" is not compatible with `nextConfig.experimental.useCache`. Please remove it.
+ Error:
+ x
+  Route segment config "runtime" is not compatible with `nextConfig.experimental.useCache`. Please remove it.
     ,-[1:1]
-  1 | export const runtime = 'edge'
-    :              ^^^^^^^
-  2 |
-  3 | export default function Page() {
-  4 |   return <div>This page uses `export const runtime`.</div>
+ 1
+  | export const runtime = 'edge'
+    :
+              ^^^^^^^
+ 2
+  |
+ 3
+  | export default function Page() {
+ 4
+  |   return <div>This page uses `export const runtime`.</div>
     `----",
    "stack": [],
  }

  35 |       } else {
  36 |         // FIXME: Fix broken import trace for Webpack loader resource.
> 37 |         expect(browser).toDisplayRedbox(`
     |                         ^
  38 |          {
  39 |            "description": "  x Route segment config "runtime" is not compatible with \`nextConfig.experimental.useCache\`. Please remove it.",
  40 |            "environmentLabel": null,

  at Object.toDisplayRedbox (e2e/app-dir/use-cache-segment-configs/use-cache-segment-configs.test.ts:37:25)

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

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

  • Error recovery app > can recover from a syntax error without losing state
  • Error recovery app > server component can recover from syntax error
  • Error recovery app > client component can recover from syntax error
  • Error recovery app > syntax > runtime error
  • Error recovery app > render error not shown right after syntax error
  • Error recovery app > displays build error on initial page load
Expand output

● Error recovery app › can recover from a syntax error without losing state

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `Error recovery app can recover from a syntax error without losing state 1`

- Snapshot  - 2
+ Received  + 5

@@ -1,13 +1,16 @@
  {
    "description": "  x Unexpected eof",
    "environmentLabel": null,
    "label": "Build Error",
    "source": "./index.js
- Error:   x Unexpected eof
+ Error:
+ x
+  Unexpected eof
     ,----
-  1 | export default () => <div/
+ 1
+  | export default () => <div/
     `----
  Caused by:
      Syntax Error
  Import trace for requested module:
  ./index.js

  55 |       `)
  56 |     } else {
> 57 |       await expect(browser).toDisplayRedbox(`
     |                             ^
  58 |        {
  59 |          "description": "  x Unexpected eof",
  60 |          "environmentLabel": null,

  at Object.toDisplayRedbox (development/acceptance-app/error-recovery.test.ts:57:29)

● Error recovery app › server component can recover from syntax error

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `Error recovery app server component can recover from syntax error 1`

- Snapshot  - 4
+ Received  + 9

@@ -1,15 +1,20 @@
  {
    "description": "  x Expected '}', got '<eof>'",
    "environmentLabel": null,
    "label": "Build Error",
    "source": "./app/server/page.js
- Error:   x Expected '}', got '<eof>'
+ Error:
+ x
+  Expected '}', got '<eof>'
     ,-[2:1]
-  1 | export default function Page() {
-  2 |   return <p>Hello world</p>
-    :                           ^
+ 1
+  | export default function Page() {
+ 2
+  |   return <p>Hello world</p>
+    :
+                           ^
     `----
  Caused by:
      Syntax Error
  Import trace for requested module:
  ./app/server/page.js",

  127 |       `)
  128 |     } else {
> 129 |       await expect(browser).toDisplayRedbox(`
      |                             ^
  130 |        {
  131 |          "description": "  x Expected '}', got '<eof>'",
  132 |          "environmentLabel": null,

  at Object.toDisplayRedbox (development/acceptance-app/error-recovery.test.ts:129:29)

● Error recovery app › client component can recover from syntax error

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `Error recovery app client component can recover from syntax error 1`

- Snapshot  - 4
+ Received  + 9

@@ -1,15 +1,20 @@
  {
    "description": "  x Expected '}', got '<eof>'",
    "environmentLabel": null,
    "label": "Build Error",
    "source": "./app/client/page.js
- Error:   x Expected '}', got '<eof>'
+ Error:
+ x
+  Expected '}', got '<eof>'
     ,-[2:1]
-  1 | export default function Page() {
-  2 |   return <p>Hello world</p>
-    :                           ^
+ 1
+  | export default function Page() {
+ 2
+  |   return <p>Hello world</p>
+    :
+                           ^
     `----
  Caused by:
      Syntax Error
  Import trace for requested module:
  ./app/client/page.js",

  191 |       `)
  192 |     } else {
> 193 |       await expect(browser).toDisplayRedbox(`
      |                             ^
  194 |        {
  195 |          "description": "  x Expected '}', got '<eof>'",
  196 |          "environmentLabel": null,

  at Object.toDisplayRedbox (development/acceptance-app/error-recovery.test.ts:193:29)

● Error recovery app › syntax > runtime error

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `Error recovery app syntax > runtime error 2`

- Snapshot  -  3
+ Received  + 13

@@ -1,14 +1,24 @@
  {
    "description": "  x Expected '}', got '<eof>'",
    "environmentLabel": null,
    "label": "Build Error",
    "source": "./index.js
- Error:   x Expected '}', got '<eof>'
+ Error:
+ x
+  Expected '}', got '<eof>'
      ,-[10:1]
-  10 | export default function FunctionNamed() {
-     :                                         ^
+  7
+  |     throw Error('no ' + i)
+  8
+  |   }, 0)
+  9
+  | }
+ 10
+  | export default function FunctionNamed() {
+     :
+                                         ^
      `----
  Caused by:
      Syntax Error
  Import trace for requested module:
  ./index.js

  589 |       `)
  590 |     } else {
> 591 |       await expect(browser).toDisplayRedbox(`
      |                             ^
  592 |        {
  593 |          "description": "  x Expected '}', got '<eof>'",
  594 |          "environmentLabel": null,

  at Object.toDisplayRedbox (development/acceptance-app/error-recovery.test.ts:591:29)

● Error recovery app › render error not shown right after syntax error

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `Error recovery app render error not shown right after syntax error 1`

- Snapshot  -  8
+ Received  + 17

@@ -1,19 +1,28 @@
  {
    "description": "  x Expected '{', got 'return'",
    "environmentLabel": null,
    "label": "Build Error",
    "source": "./index.js
- Error:   x Expected '{', got 'return'
+ Error:
+ x
+  Expected '{', got 'return'
     ,-[5:1]
-  2 |
-  3 | class ClassDefault extends React.Component {
-  4 |   render()
-  5 |     return <h1>Default Export</h1>;
-    :     ^^^^^^
-  6 |   }
-  7 | }
+ 2
+  |
+ 3
+  | class ClassDefault extends React.Component {
+ 4
+  |   render()
+ 5
+  |     return <h1>Default Export</h1>;
+    :
+     ^^^^^^
+ 6
+  |   }
+ 7
+  | }
     `----
  Caused by:
      Syntax Error
  Import trace for requested module:
  ./index.js

  799 |       `)
  800 |     } else {
> 801 |       await expect(browser).toDisplayRedbox(`
      |                             ^
  802 |        {
  803 |          "description": "  x Expected '{', got 'return'",
  804 |          "environmentLabel": null,

  at Object.toDisplayRedbox (development/acceptance-app/error-recovery.test.ts:801:29)

● Error recovery app › displays build error on initial page load

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `Error recovery app displays build error on initial page load 1`

- Snapshot  - 3
+ Received  + 7

  {
    "description": "  x Expected '}', got '<eof>'",
    "environmentLabel": null,
    "label": "Build Error",
    "source": "./app/page.js
- Error:   x Expected '}', got '<eof>'
+ Error:
+ x
+  Expected '}', got '<eof>'
     ,----
-  1 | {{{
-    :   ^
+ 1
+  | {{{
+    :
+   ^
     `----
  Caused by:
      Syntax Error",
    "stack": [],
  }

  958 |       `)
  959 |     } else {
> 960 |       await expect(browser).toDisplayRedbox(`
      |                             ^
  961 |        {
  962 |          "description": "  x Expected '}', got '<eof>'",
  963 |          "environmentLabel": null,

  at Object.toDisplayRedbox (development/acceptance-app/error-recovery.test.ts:960:29)

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

@ijjk
Copy link
Member

ijjk commented May 6, 2025 •
edited
Loading

Stats from current PR

Default Build (Increase detected ⚠️)
General Overall increase ⚠️
vercel/next.js canary vercel/next.js rf/fix-highlight-line Change
buildDuration 28.8s 24.9s N/A
buildDurationCached 25s 20.4s N/A
nodeModulesSize 425 MB 425 MB ⚠️ +1.38 kB
nextStartRea..uration (ms) 760ms 693ms N/A
Client Bundles (main, webpack) Overall increase ⚠️
vercel/next.js canary vercel/next.js rf/fix-highlight-line Change
1733-HASH.js gzip 44.5 kB 45 kB ⚠️ +473 B
194b18f3-HASH.js gzip 53.8 kB 53.8 kB N/A
2192.HASH.js gzip 169 B 169 B ✓
4719-HASH.js gzip 5.47 kB 5.44 kB N/A
framework-HASH.js gzip 57.4 kB 57.4 kB ✓
main-app-HASH.js gzip 252 B 256 B N/A
main-HASH.js gzip 33.5 kB 33.6 kB N/A
webpack-HASH.js gzip 1.71 kB 1.71 kB N/A
Overall change 102 kB 103 kB ⚠️ +473 B
Legacy Client Bundles (polyfills)
vercel/next.js canary vercel/next.js rf/fix-highlight-line 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 rf/fix-highlight-line Change
_app-HASH.js gzip 193 B 193 B ✓
_error-HASH.js gzip 192 B 192 B ✓
amp-HASH.js gzip 510 B 510 B ✓
css-HASH.js gzip 344 B 342 B N/A
dynamic-HASH.js gzip 1.84 kB 1.83 kB N/A
edge-ssr-HASH.js gzip 265 B 265 B ✓
head-HASH.js gzip 363 B 364 B N/A
hooks-HASH.js gzip 392 B 391 B N/A
image-HASH.js gzip 4.69 kB 4.67 kB N/A
index-HASH.js gzip 267 B 267 B ✓
link-HASH.js gzip 2.53 kB 2.53 kB N/A
routerDirect..HASH.js gzip 328 B 325 B N/A
script-HASH.js gzip 396 B 396 B ✓
withRouter-HASH.js gzip 325 B 325 B ✓
1afbb74e6ecf..834.css gzip 106 B 106 B ✓
Overall change 2.25 kB 2.25 kB ✓
Client Build Manifests
vercel/next.js canary vercel/next.js rf/fix-highlight-line Change
_buildManifest.js gzip 751 B 750 B N/A
Overall change 0 B 0 B ✓
Rendered Page Sizes
vercel/next.js canary vercel/next.js rf/fix-highlight-line Change
index.html gzip 524 B 525 B N/A
link.html gzip 537 B 538 B N/A
withRouter.html gzip 521 B 519 B N/A
Overall change 0 B 0 B ✓
Edge SSR bundle Size
vercel/next.js canary vercel/next.js rf/fix-highlight-line Change
edge-ssr.js gzip 137 kB 137 kB N/A
page.js gzip 220 kB 214 kB N/A
Overall change 0 B 0 B ✓
Middleware size Overall increase ⚠️
vercel/next.js canary vercel/next.js rf/fix-highlight-line Change
middleware-b..fest.js gzip 677 B 677 B ✓
middleware-r..fest.js gzip 155 B 157 B N/A
middleware.js gzip 32.5 kB 32.7 kB ⚠️ +200 B
edge-runtime..pack.js gzip 853 B 853 B ✓
Overall change 34 kB 34.2 kB ⚠️ +200 B
Next Runtimes
vercel/next.js canary vercel/next.js rf/fix-highlight-line Change
app-page-exp...dev.js gzip 319 kB 319 kB N/A
app-page-exp..prod.js gzip 149 kB 149 kB ✓
app-page-tur...dev.js gzip 320 kB 320 kB N/A
app-page-tur..prod.js gzip 149 kB 149 kB ✓
app-page-tur...dev.js gzip 311 kB 311 kB N/A
app-page-tur..prod.js gzip 145 kB 145 kB ✓
app-page.run...dev.js gzip 311 kB 311 kB N/A
app-page.run..prod.js gzip 145 kB 145 kB ✓
app-route-ex...dev.js gzip 50.9 kB 50.9 kB ✓
app-route-ex..prod.js gzip 34 kB 34 kB ✓
app-route-tu...dev.js gzip 50.9 kB 50.9 kB ✓
app-route-tu..prod.js gzip 34.1 kB 34.1 kB ✓
app-route-tu...dev.js gzip 50.3 kB 50.3 kB ✓
app-route-tu..prod.js gzip 33.7 kB 33.7 kB ✓
app-route.ru...dev.js gzip 50.3 kB 50.3 kB ✓
app-route.ru..prod.js gzip 33.7 kB 33.7 kB ✓
dist_client_...dev.js gzip 332 B 332 B ✓
dist_client_...dev.js gzip 334 B 334 B ✓
dist_client_...dev.js gzip 326 B 326 B ✓
dist_client_...dev.js gzip 324 B 324 B ✓
pages-api-tu...dev.js gzip 22.4 kB 22.4 kB ✓
pages-api-tu..prod.js gzip 17.3 kB 17.3 kB ✓
pages-api.ru...dev.js gzip 22.4 kB 22.4 kB ✓
pages-api.ru..prod.js gzip 17.3 kB 17.3 kB ✓
pages-turbo....dev.js gzip 38.7 kB 38.7 kB ✓
pages-turbo...prod.js gzip 28.2 kB 28.2 kB ✓
pages.runtim...dev.js gzip 38.9 kB 38.9 kB ✓
pages.runtim..prod.js gzip 28.4 kB 28.4 kB ✓
server.runti..prod.js gzip 62.2 kB 62.2 kB ✓
Overall change 1.2 MB 1.2 MB ✓
build cache
vercel/next.js canary vercel/next.js rf/fix-highlight-line Change
0.pack gzip 2.19 MB 2.19 MB N/A
index.pack gzip 78.2 kB 77.3 kB N/A
Overall change 0 B 0 B ✓
Diff details
Diff for page.js

Diff too large to display

Diff for middleware.js

Diff too large to display

Diff for edge-ssr.js

Diff too large to display

Diff for css-HASH.js 
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [9813],
   {
-    /***/ 1586: /***/ (
+    /***/ 2628: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/css",
         function () {
-          return __webpack_require__(4362);
+          return __webpack_require__(8707);
         },
       ]);
       if (false) {
@@ -18,14 +18,7 @@
       /***/
     },
 
-    /***/ 4350: /***/ (module) => {
-      // extracted by mini-css-extract-plugin
-      module.exports = { helloWorld: "css_helloWorld__aUdUq" };
-
-      /***/
-    },
-
-    /***/ 4362: /***/ (
+    /***/ 8707: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -39,7 +32,7 @@
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
         __webpack_require__(5640);
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(4350);
+        __webpack_require__(9080);
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1___default =
         /*#__PURE__*/ __webpack_require__.n(
           _css_module_css__WEBPACK_IMPORTED_MODULE_1__
@@ -58,13 +51,20 @@
 
       /***/
     },
+
+    /***/ 9080: /***/ (module) => {
+      // extracted by mini-css-extract-plugin
+      module.exports = { helloWorld: "css_helloWorld__aUdUq" };
+
+      /***/
+    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(1586)
+      __webpack_exec__(2628)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for dynamic-HASH.js 
@@ -1,17 +1,117 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [2291],
   {
-    /***/ 283: /***/ (
+    /***/ 2001: /***/ (
+      __unused_webpack_module,
+      __webpack_exports__,
+      __webpack_require__
+    ) => {
+      "use strict";
+      __webpack_require__.r(__webpack_exports__);
+      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+        /* harmony export */ __N_SSP: () => /* binding */ __N_SSP,
+        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
+        /* harmony export */
+      });
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
+        __webpack_require__(5640);
+      /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1__ =
+        __webpack_require__(9553);
+      /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1___default =
+        /*#__PURE__*/ __webpack_require__.n(
+          next_dynamic__WEBPACK_IMPORTED_MODULE_1__
+        );
+
+      const DynamicHello = next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()(
+        () =>
+          __webpack_require__
+            .e(/* import() */ 8042)
+            .then(__webpack_require__.bind(__webpack_require__, 8042))
+            .then((mod) => mod.Hello),
+        {
+          loadableGenerated: {
+            webpack: () => [/*require.resolve*/ 8042],
+          },
+        }
+      );
+      const Page = () =>
+        /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
+          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,
+          {
+            children: [
+              /*#__PURE__*/ (0,
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p", {
+                children: "testing next/dynamic size",
+              }),
+              /*#__PURE__*/ (0,
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
+                DynamicHello,
+                {}
+              ),
+            ],
+          }
+        );
+      var __N_SSP = true;
+      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = Page;
+
+      /***/
+    },
+
+    /***/ 2976: /***/ (
+      __unused_webpack_module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      (window.__NEXT_P = window.__NEXT_P || []).push([
+        "/dynamic",
+        function () {
+          return __webpack_require__(2001);
+        },
+      ]);
+      if (false) {
+      }
+
+      /***/
+    },
+
+    /***/ 7807: /***/ (
+      __unused_webpack_module,
+      exports,
+      __webpack_require__
+    ) => {
+      "use strict";
+      /* __next_internal_client_entry_do_not_use__  cjs */
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
+      });
+      Object.defineProperty(exports, "LoadableContext", {
+        enumerable: true,
+        get: function () {
+          return LoadableContext;
+        },
+      });
+      const _interop_require_default = __webpack_require__(1532);
+      const _react = /*#__PURE__*/ _interop_require_default._(
+        __webpack_require__(148)
+      );
+      const LoadableContext = _react.default.createContext(null);
+      if (false) {
+      } //# sourceMappingURL=loadable-context.shared-runtime.js.map
+
+      /***/
+    },
+
+    /***/ 9553: /***/ (
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) => {
-      module.exports = __webpack_require__(6990);
+      module.exports = __webpack_require__(9986);
 
       /***/
     },
 
-    /***/ 505: /***/ (
+    /***/ 9829: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -53,7 +153,7 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
       const _react = /*#__PURE__*/ _interop_require_default._(
         __webpack_require__(148)
       );
-      const _loadablecontextsharedruntime = __webpack_require__(6179);
+      const _loadablecontextsharedruntime = __webpack_require__(7807);
       function resolve(obj) {
         return obj && obj.default ? obj.default : obj;
       }
@@ -288,90 +388,7 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
       /***/
     },
 
-    /***/ 5703: /***/ (
-      __unused_webpack_module,
-      __webpack_exports__,
-      __webpack_require__
-    ) => {
-      "use strict";
-      __webpack_require__.r(__webpack_exports__);
-      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-        /* harmony export */ __N_SSP: () => /* binding */ __N_SSP,
-        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
-        /* harmony export */
-      });
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
-        __webpack_require__(5640);
-      /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(283);
-      /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1___default =
-        /*#__PURE__*/ __webpack_require__.n(
-          next_dynamic__WEBPACK_IMPORTED_MODULE_1__
-        );
-
-      const DynamicHello = next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()(
-        () =>
-          __webpack_require__
-            .e(/* import() */ 2192)
-            .then(__webpack_require__.bind(__webpack_require__, 2192))
-            .then((mod) => mod.Hello),
-        {
-          loadableGenerated: {
-            webpack: () => [/*require.resolve*/ 2192],
-          },
-        }
-      );
-      const Page = () =>
-        /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
-          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,
-          {
-            children: [
-              /*#__PURE__*/ (0,
-              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p", {
-                children: "testing next/dynamic size",
-              }),
-              /*#__PURE__*/ (0,
-              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
-                DynamicHello,
-                {}
-              ),
-            ],
-          }
-        );
-      var __N_SSP = true;
-      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = Page;
-
-      /***/
-    },
-
-    /***/ 6179: /***/ (
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) => {
-      "use strict";
-      /* __next_internal_client_entry_do_not_use__  cjs */
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      Object.defineProperty(exports, "LoadableContext", {
-        enumerable: true,
-        get: function () {
-          return LoadableContext;
-        },
-      });
-      const _interop_require_default = __webpack_require__(1532);
-      const _react = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(148)
-      );
-      const LoadableContext = _react.default.createContext(null);
-      if (false) {
-      } //# sourceMappingURL=loadable-context.shared-runtime.js.map
-
-      /***/
-    },
-
-    /***/ 6990: /***/ (module, exports, __webpack_require__) => {
+    /***/ 9986: /***/ (module, exports, __webpack_require__) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -404,7 +421,7 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
         __webpack_require__(148)
       );
       const _loadablesharedruntime = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(505)
+        __webpack_require__(9829)
       );
       const isServerSide = "object" === "undefined";
       // Normalize loader to return the module as form { default: Component } for `React.lazy`.
@@ -504,30 +521,13 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
 
       /***/
     },
-
-    /***/ 9254: /***/ (
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      (window.__NEXT_P = window.__NEXT_P || []).push([
-        "/dynamic",
-        function () {
-          return __webpack_require__(5703);
-        },
-      ]);
-      if (false) {
-      }
-
-      /***/
-    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(9254)
+      __webpack_exec__(2976)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for hooks-HASH.js 
@@ -1,24 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [9804],
   {
-    /***/ 1664: /***/ (
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      (window.__NEXT_P = window.__NEXT_P || []).push([
-        "/hooks",
-        function () {
-          return __webpack_require__(6130);
-        },
-      ]);
-      if (false) {
-      }
-
-      /***/
-    },
-
-    /***/ 6130: /***/ (
+    /***/ 4756: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -76,13 +59,30 @@
 
       /***/
     },
+
+    /***/ 5426: /***/ (
+      __unused_webpack_module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      (window.__NEXT_P = window.__NEXT_P || []).push([
+        "/hooks",
+        function () {
+          return __webpack_require__(4756);
+        },
+      ]);
+      if (false) {
+      }
+
+      /***/
+    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(1664)
+      __webpack_exec__(5426)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for image-HASH.js 
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [2983],
   {
-    /***/ 2198: /***/ (
+    /***/ 264: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/image",
         function () {
-          return __webpack_require__(3444);
+          return __webpack_require__(3594);
         },
       ]);
       if (false) {
@@ -18,7 +18,190 @@
       /***/
     },
 
-    /***/ 2514: /***/ (
+    /***/ 1206: /***/ (__unused_webpack_module, exports) => {
+      "use strict";
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
+      });
+      Object.defineProperty(exports, "default", {
+        enumerable: true,
+        get: function () {
+          return _default;
+        },
+      });
+      const DEFAULT_Q = 75;
+      function defaultLoader(param) {
+        let { config, src, width, quality } = param;
+        var _config_qualities;
+        if (false) {
+        }
+        const q =
+          quality ||
+          ((_config_qualities = config.qualities) == null
+            ? void 0
+            : _config_qualities.reduce((prev, cur) =>
+                Math.abs(cur - DEFAULT_Q) < Math.abs(prev - DEFAULT_Q)
+                  ? cur
+                  : prev
+              )) ||
+          DEFAULT_Q;
+        return (
+          config.path +
+          "?url=" +
+          encodeURIComponent(src) +
+          "&w=" +
+          width +
+          "&q=" +
+          q +
+          (src.startsWith("/_next/static/media/") && false ? 0 : "")
+        );
+      }
+      // We use this to determine if the import is the default loader
+      // or a custom loader defined by the user in next.config.js
+      defaultLoader.__next_img_default = true;
+      const _default = defaultLoader; //# sourceMappingURL=image-loader.js.map
+
+      /***/
+    },
+
+    /***/ 1765: /***/ (module, exports, __webpack_require__) => {
+      "use strict";
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
+      });
+      Object.defineProperty(exports, "useMergedRef", {
+        enumerable: true,
+        get: function () {
+          return useMergedRef;
+        },
+      });
+      const _react = __webpack_require__(148);
+      function useMergedRef(refA, refB) {
+        const cleanupA = (0, _react.useRef)(null);
+        const cleanupB = (0, _react.useRef)(null);
+        // NOTE: In theory, we could skip the wrapping if only one of the refs is non-null.
+        // (this happens often if the user doesn't pass a ref to Link/Form/Image)
+        // But this can cause us to leak a cleanup-ref into user code (e.g. via `<Link legacyBehavior>`),
+        // and the user might pass that ref into ref-merging library that doesn't support cleanup refs
+        // (because it hasn't been updated for React 19)
+        // which can then cause things to blow up, because a cleanup-returning ref gets called with `null`.
+        // So in practice, it's safer to be defensive and always wrap the ref, even on React 19.
+        return (0, _react.useCallback)(
+          (current) => {
+            if (current === null) {
+              const cleanupFnA = cleanupA.current;
+              if (cleanupFnA) {
+                cleanupA.current = null;
+                cleanupFnA();
+              }
+              const cleanupFnB = cleanupB.current;
+              if (cleanupFnB) {
+                cleanupB.current = null;
+                cleanupFnB();
+              }
+            } else {
+              if (refA) {
+                cleanupA.current = applyRef(refA, current);
+              }
+              if (refB) {
+                cleanupB.current = applyRef(refB, current);
+              }
+            }
+          },
+          [refA, refB]
+        );
+      }
+      function applyRef(refA, current) {
+        if (typeof refA === "function") {
+          const cleanup = refA(current);
+          if (typeof cleanup === "function") {
+            return cleanup;
+          } else {
+            return () => refA(null);
+          }
+        } else {
+          refA.current = current;
+          return () => {
+            refA.current = null;
+          };
+        }
+      }
+      if (
+        (typeof exports.default === "function" ||
+          (typeof exports.default === "object" && exports.default !== null)) &&
+        typeof exports.default.__esModule === "undefined"
+      ) {
+        Object.defineProperty(exports.default, "__esModule", {
+          value: true,
+        });
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=use-merged-ref.js.map
+
+      /***/
+    },
+
+    /***/ 3353: /***/ (
+      module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      module.exports = __webpack_require__(5526);
+
+      /***/
+    },
+
+    /***/ 3594: /***/ (
+      __unused_webpack_module,
+      __webpack_exports__,
+      __webpack_require__
+    ) => {
+      "use strict";
+      // ESM COMPAT FLAG
+      __webpack_require__.r(__webpack_exports__);
+
+      // EXPORTS
+      __webpack_require__.d(__webpack_exports__, {
+        __N_SSP: () => /* binding */ __N_SSP,
+        default: () => /* binding */ pages_image,
+      });
+
+      // EXTERNAL MODULE: ./node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.js
+      var jsx_runtime = __webpack_require__(5640);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+diff-repo+packages+next+next-packed.tgz_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/image.js
+      var next_image = __webpack_require__(3353);
+      var image_default = /*#__PURE__*/ __webpack_require__.n(next_image); // ./pages/nextjs.png
+      /* harmony default export */ const nextjs = {
+        src: "/_next/static/media/nextjs.cae0b805.png",
+        height: 1347,
+        width: 1626,
+        blurDataURL:
+          "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAD1BMVEX////x8fH6+vrb29vo6Oh8o70bAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAH0lEQVR4nGNgwARMjIyMjCAGCzMzMwsTRISJCcRABwAEcAAkLCQfgAAAAABJRU5ErkJggg==",
+        blurWidth: 8,
+        blurHeight: 7,
+      }; // ./pages/image.js
+      function ImagePage(props) {
+        return /*#__PURE__*/ (0, jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+          children: [
+            /*#__PURE__*/ (0, jsx_runtime.jsx)("h1", {
+              children: "next/image example",
+            }),
+            /*#__PURE__*/ (0, jsx_runtime.jsx)(image_default(), {
+              src: nextjs,
+              placeholder: "blur",
+            }),
+          ],
+        });
+      }
+      var __N_SSP = true;
+      /* harmony default export */ const pages_image = ImagePage;
+
+      /***/
+    },
+
+    /***/ 3854: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -34,9 +217,9 @@
           return getImgProps;
         },
       });
-      const _warnonce = __webpack_require__(5127);
-      const _imageblursvg = __webpack_require__(4287);
-      const _imageconfig = __webpack_require__(2795);
+      const _warnonce = __webpack_require__(3603);
+      const _imageblursvg = __webpack_require__(7835);
+      const _imageconfig = __webpack_require__(6799);
       const VALID_LOADING_VALUES =
         /* unused pure expression or super */ null && [
           "lazy",
@@ -463,55 +646,69 @@
       /***/
     },
 
-    /***/ 3444: /***/ (
+    /***/ 5526: /***/ (
       __unused_webpack_module,
-      __webpack_exports__,
+      exports,
       __webpack_require__
     ) => {
       "use strict";
-      // ESM COMPAT FLAG
-      __webpack_require__.r(__webpack_exports__);
 
-      // EXPORTS
-      __webpack_require__.d(__webpack_exports__, {
-        __N_SSP: () => /* binding */ __N_SSP,
-        default: () => /* binding */ pages_image,
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
       });
-
-      // EXTERNAL MODULE: ./node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.js
-      var jsx_runtime = __webpack_require__(5640);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+main-repo+packages+next+next-packed.tgz_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/image.js
-      var next_image = __webpack_require__(6359);
-      var image_default = /*#__PURE__*/ __webpack_require__.n(next_image); // ./pages/nextjs.png
-      /* harmony default export */ const nextjs = {
-        src: "/_next/static/media/nextjs.cae0b805.png",
-        height: 1347,
-        width: 1626,
-        blurDataURL:
-          "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAD1BMVEX////x8fH6+vrb29vo6Oh8o70bAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAH0lEQVR4nGNgwARMjIyMjCAGCzMzMwsTRISJCcRABwAEcAAkLCQfgAAAAABJRU5ErkJggg==",
-        blurWidth: 8,
-        blurHeight: 7,
-      }; // ./pages/image.js
-      function ImagePage(props) {
-        return /*#__PURE__*/ (0, jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-          children: [
-            /*#__PURE__*/ (0, jsx_runtime.jsx)("h1", {
-              children: "next/image example",
-            }),
-            /*#__PURE__*/ (0, jsx_runtime.jsx)(image_default(), {
-              src: nextjs,
-              placeholder: "blur",
-            }),
-          ],
+      0 && 0;
+      function _export(target, all) {
+        for (var name in all)
+          Object.defineProperty(target, name, {
+            enumerable: true,
+            get: all[name],
+          });
+      }
+      _export(exports, {
+        default: function () {
+          return _default;
+        },
+        getImageProps: function () {
+          return getImageProps;
+        },
+      });
+      const _interop_require_default = __webpack_require__(1532);
+      const _getimgprops = __webpack_require__(3854);
+      const _imagecomponent = __webpack_require__(8350);
+      const _imageloader = /*#__PURE__*/ _interop_require_default._(
+        __webpack_require__(1206)
+      );
+      function getImageProps(imgProps) {
+        const { props } = (0, _getimgprops.getImgProps)(imgProps, {
+          defaultLoader: _imageloader.default,
+          // This is replaced by webpack define plugin
+          imgConf: {
+            deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
+            imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
+            path: "/_next/image",
+            loader: "default",
+            dangerouslyAllowSVG: false,
+            unoptimized: false,
+          },
         });
+        // Normally we don't care about undefined props because we pass to JSX,
+        // but this exported function could be used by the end user for anything
+        // so we delete undefined props to clean it up a little.
+        for (const [key, value] of Object.entries(props)) {
+          if (value === undefined) {
+            delete props[key];
+          }
+        }
+        return {
+          props,
+        };
       }
-      var __N_SSP = true;
-      /* harmony default export */ const pages_image = ImagePage;
+      const _default = _imagecomponent.Image; //# sourceMappingURL=image-external.js.map
 
       /***/
     },
 
-    /***/ 4287: /***/ (__unused_webpack_module, exports) => {
+    /***/ 7835: /***/ (__unused_webpack_module, exports) => {
       "use strict";
       /**
        * A shared function, used on both client and server, to generate a SVG blur placeholder.
@@ -566,85 +763,7 @@
       /***/
     },
 
-    /***/ 4985: /***/ (module, exports, __webpack_require__) => {
-      "use strict";
-
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      Object.defineProperty(exports, "useMergedRef", {
-        enumerable: true,
-        get: function () {
-          return useMergedRef;
-        },
-      });
-      const _react = __webpack_require__(148);
-      function useMergedRef(refA, refB) {
-        const cleanupA = (0, _react.useRef)(null);
-        const cleanupB = (0, _react.useRef)(null);
-        // NOTE: In theory, we could skip the wrapping if only one of the refs is non-null.
-        // (this happens often if the user doesn't pass a ref to Link/Form/Image)
-        // But this can cause us to leak a cleanup-ref into user code (e.g. via `<Link legacyBehavior>`),
-        // and the user might pass that ref into ref-merging library that doesn't support cleanup refs
-        // (because it hasn't been updated for React 19)
-        // which can then cause things to blow up, because a cleanup-returning ref gets called with `null`.
-        // So in practice, it's safer to be defensive and always wrap the ref, even on React 19.
-        return (0, _react.useCallback)(
-          (current) => {
-            if (current === null) {
-              const cleanupFnA = cleanupA.current;
-              if (cleanupFnA) {
-                cleanupA.current = null;
-                cleanupFnA();
-              }
-              const cleanupFnB = cleanupB.current;
-              if (cleanupFnB) {
-                cleanupB.current = null;
-                cleanupFnB();
-              }
-            } else {
-              if (refA) {
-                cleanupA.current = applyRef(refA, current);
-              }
-              if (refB) {
-                cleanupB.current = applyRef(refB, current);
-              }
-            }
-          },
-          [refA, refB]
-        );
-      }
-      function applyRef(refA, current) {
-        if (typeof refA === "function") {
-          const cleanup = refA(current);
-          if (typeof cleanup === "function") {
-            return cleanup;
-          } else {
-            return () => refA(null);
-          }
-        } else {
-          refA.current = current;
-          return () => {
-            refA.current = null;
-          };
-        }
-      }
-      if (
-        (typeof exports.default === "function" ||
-          (typeof exports.default === "object" && exports.default !== null)) &&
-        typeof exports.default.__esModule === "undefined"
-      ) {
-        Object.defineProperty(exports.default, "__esModule", {
-          value: true,
-        });
-        Object.assign(exports.default, exports);
-        module.exports = exports.default;
-      } //# sourceMappingURL=use-merged-ref.js.map
-
-      /***/
-    },
-
-    /***/ 5898: /***/ (module, exports, __webpack_require__) => {
+    /***/ 8350: /***/ (module, exports, __webpack_require__) => {
       "use strict";
       /* __next_internal_client_entry_do_not_use__  cjs */
       Object.defineProperty(exports, "__esModule", {
@@ -666,17 +785,17 @@
         __webpack_require__(7897)
       );
       const _head = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(5207)
+        __webpack_require__(8843)
       );
-      const _getimgprops = __webpack_require__(2514);
-      const _imageconfig = __webpack_require__(2795);
-      const _imageconfigcontextsharedruntime = __webpack_require__(2349);
-      const _warnonce = __webpack_require__(5127);
-      const _routercontextsharedruntime = __webpack_require__(3556);
+      const _getimgprops = __webpack_require__(3854);
+      const _imageconfig = __webpack_require__(6799);
+      const _imageconfigcontextsharedruntime = __webpack_require__(3905);
+      const _warnonce = __webpack_require__(3603);
+      const _routercontextsharedruntime = __webpack_require__(6712);
       const _imageloader = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(5970)
+        __webpack_require__(1206)
       );
-      const _usemergedref = __webpack_require__(4985);
+      const _usemergedref = __webpack_require__(1765);
       // This is replaced by webpack define plugin
       const configEnv = {
         deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
@@ -1002,132 +1121,13 @@
 
       /***/
     },
-
-    /***/ 5970: /***/ (__unused_webpack_module, exports) => {
-      "use strict";
-
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      Object.defineProperty(exports, "default", {
-        enumerable: true,
-        get: function () {
-          return _default;
-        },
-      });
-      const DEFAULT_Q = 75;
-      function defaultLoader(param) {
-        let { config, src, width, quality } = param;
-        var _config_qualities;
-        if (false) {
-        }
-        const q =
-          quality ||
-          ((_config_qualities = config.qualities) == null
-            ? void 0
-            : _config_qualities.reduce((prev, cur) =>
-                Math.abs(cur - DEFAULT_Q) < Math.abs(prev - DEFAULT_Q)
-                  ? cur
-                  : prev
-              )) ||
-          DEFAULT_Q;
-        return (
-          config.path +
-          "?url=" +
-          encodeURIComponent(src) +
-          "&w=" +
-          width +
-          "&q=" +
-          q +
-          (src.startsWith("/_next/static/media/") && false ? 0 : "")
-        );
-      }
-      // We use this to determine if the import is the default loader
-      // or a custom loader defined by the user in next.config.js
-      defaultLoader.__next_img_default = true;
-      const _default = defaultLoader; //# sourceMappingURL=image-loader.js.map
-
-      /***/
-    },
-
-    /***/ 6359: /***/ (
-      module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      module.exports = __webpack_require__(8986);
-
-      /***/
-    },
-
-    /***/ 8986: /***/ (
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) => {
-      "use strict";
-
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      0 && 0;
-      function _export(target, all) {
-        for (var name in all)
-          Object.defineProperty(target, name, {
-            enumerable: true,
-            get: all[name],
-          });
-      }
-      _export(exports, {
-        default: function () {
-          return _default;
-        },
-        getImageProps: function () {
-          return getImageProps;
-        },
-      });
-      const _interop_require_default = __webpack_require__(1532);
-      const _getimgprops = __webpack_require__(2514);
-      const _imagecomponent = __webpack_require__(5898);
-      const _imageloader = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(5970)
-      );
-      function getImageProps(imgProps) {
-        const { props } = (0, _getimgprops.getImgProps)(imgProps, {
-          defaultLoader: _imageloader.default,
-          // This is replaced by webpack define plugin
-          imgConf: {
-            deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
-            imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
-            path: "/_next/image",
-            loader: "default",
-            dangerouslyAllowSVG: false,
-            unoptimized: false,
-          },
-        });
-        // Normally we don't care about undefined props because we pass to JSX,
-        // but this exported function could be used by the end user for anything
-        // so we delete undefined props to clean it up a little.
-        for (const [key, value] of Object.entries(props)) {
-          if (value === undefined) {
-            delete props[key];
-          }
-        }
-        return {
-          props,
-        };
-      }
-      const _default = _imagecomponent.Image; //# sourceMappingURL=image-external.js.map
-
-      /***/
-    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(2198)
+      __webpack_exec__(264)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for index-HASH.js 
@@ -1,7 +1,24 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [3332],
   {
-    /***/ 9418: /***/ (
+    /***/ 8230: /***/ (
+      __unused_webpack_module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      (window.__NEXT_P = window.__NEXT_P || []).push([
+        "/",
+        function () {
+          return __webpack_require__(8696);
+        },
+      ]);
+      if (false) {
+      }
+
+      /***/
+    },
+
+    /***/ 8696: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -19,30 +36,13 @@
 
       /***/
     },
-
-    /***/ 9532: /***/ (
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      (window.__NEXT_P = window.__NEXT_P || []).push([
-        "/",
-        function () {
-          return __webpack_require__(9418);
-        },
-      ]);
-      if (false) {
-      }
-
-      /***/
-    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(9532)
+      __webpack_exec__(8230)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for link-HASH.js 
@@ -1,125 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [4672],
   {
-    /***/ 1854: /***/ (
-      __unused_webpack_module,
-      __webpack_exports__,
-      __webpack_require__
-    ) => {
-      "use strict";
-      __webpack_require__.r(__webpack_exports__);
-      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-        /* harmony export */ __N_SSP: () => /* binding */ __N_SSP,
-        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
-        /* harmony export */
-      });
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
-        __webpack_require__(5640);
-      /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(8770);
-      /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default =
-        /*#__PURE__*/ __webpack_require__.n(
-          next_link__WEBPACK_IMPORTED_MODULE_1__
-        );
-
-      function aLink(props) {
-        return /*#__PURE__*/ (0,
-        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-          children: [
-            /*#__PURE__*/ (0,
-            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h3", {
-              children: "A Link page!",
-            }),
-            /*#__PURE__*/ (0,
-            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
-              next_link__WEBPACK_IMPORTED_MODULE_1___default(),
-              {
-                href: "/",
-                children: "Go to /",
-              }
-            ),
-          ],
-        });
-      }
-      var __N_SSP = true;
-      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = aLink;
-
-      /***/
-    },
-
-    /***/ 3199: /***/ (__unused_webpack_module, exports) => {
-      "use strict";
-
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      Object.defineProperty(exports, "errorOnce", {
-        enumerable: true,
-        get: function () {
-          return errorOnce;
-        },
-      });
-      let errorOnce = (_) => {};
-      if (false) {
-      } //# sourceMappingURL=error-once.js.map
-
-      /***/
-    },
-
-    /***/ 3568: /***/ (
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      (window.__NEXT_P = window.__NEXT_P || []).push([
-        "/link",
-        function () {
-          return __webpack_require__(1854);
-        },
-      ]);
-      if (false) {
-      }
-
-      /***/
-    },
-
-    /***/ 3857: /***/ (module, exports, __webpack_require__) => {
-      "use strict";
-
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      Object.defineProperty(exports, "getDomainLocale", {
-        enumerable: true,
-        get: function () {
-          return getDomainLocale;
-        },
-      });
-      const _normalizetrailingslash = __webpack_require__(4869);
-      const basePath =
-        /* unused pure expression or super */ null && (false || "");
-      function getDomainLocale(path, locale, locales, domainLocales) {
-        if (false) {
-        } else {
-          return false;
-        }
-      }
-      if (
-        (typeof exports.default === "function" ||
-          (typeof exports.default === "object" && exports.default !== null)) &&
-        typeof exports.default.__esModule === "undefined"
-      ) {
-        Object.defineProperty(exports.default, "__esModule", {
-          value: true,
-        });
-        Object.assign(exports.default, exports);
-        module.exports = exports.default;
-      } //# sourceMappingURL=get-domain-locale.js.map
-
-      /***/
-    },
-
-    /***/ 3947: /***/ (module, exports, __webpack_require__) => {
+    /***/ 591: /***/ (module, exports, __webpack_require__) => {
       "use strict";
       /* __next_internal_client_entry_do_not_use__  cjs */
       Object.defineProperty(exports, "__esModule", {
@@ -146,17 +28,17 @@
       const _react = /*#__PURE__*/ _interop_require_wildcard._(
         __webpack_require__(148)
       );
-      const _resolvehref = __webpack_require__(3161);
-      const _islocalurl = __webpack_require__(2309);
-      const _formaturl = __webpack_require__(3768);
-      const _utils = __webpack_require__(5554);
-      const _addlocale = __webpack_require__(7591);
-      const _routercontextsharedruntime = __webpack_require__(3556);
-      const _useintersection = __webpack_require__(5624);
-      const _getdomainlocale = __webpack_require__(3857);
-      const _addbasepath = __webpack_require__(4356);
-      const _usemergedref = __webpack_require__(4985);
-      const _erroronce = __webpack_require__(3199);
+      const _resolvehref = __webpack_require__(5837);
+      const _islocalurl = __webpack_require__(5953);
+      const _formaturl = __webpack_require__(6212);
+      const _utils = __webpack_require__(6950);
+      const _addlocale = __webpack_require__(6467);
+      const _routercontextsharedruntime = __webpack_require__(6712);
+      const _useintersection = __webpack_require__(9692);
+      const _getdomainlocale = __webpack_require__(6850);
+      const _addbasepath = __webpack_require__(4928);
+      const _usemergedref = __webpack_require__(1765);
+      const _erroronce = __webpack_require__(8659);
       const prefetched = new Set();
       function prefetch(router, href, as, options) {
         if (false) {
@@ -545,7 +427,17 @@
       /***/
     },
 
-    /***/ 4985: /***/ (module, exports, __webpack_require__) => {
+    /***/ 1148: /***/ (
+      module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      module.exports = __webpack_require__(591);
+
+      /***/
+    },
+
+    /***/ 1765: /***/ (module, exports, __webpack_require__) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -623,7 +515,125 @@
       /***/
     },
 
-    /***/ 5624: /***/ (module, exports, __webpack_require__) => {
+    /***/ 5436: /***/ (
+      __unused_webpack_module,
+      __webpack_exports__,
+      __webpack_require__
+    ) => {
+      "use strict";
+      __webpack_require__.r(__webpack_exports__);
+      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+        /* harmony export */ __N_SSP: () => /* binding */ __N_SSP,
+        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
+        /* harmony export */
+      });
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
+        __webpack_require__(5640);
+      /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ =
+        __webpack_require__(1148);
+      /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default =
+        /*#__PURE__*/ __webpack_require__.n(
+          next_link__WEBPACK_IMPORTED_MODULE_1__
+        );
+
+      function aLink(props) {
+        return /*#__PURE__*/ (0,
+        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+          children: [
+            /*#__PURE__*/ (0,
+            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h3", {
+              children: "A Link page!",
+            }),
+            /*#__PURE__*/ (0,
+            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
+              next_link__WEBPACK_IMPORTED_MODULE_1___default(),
+              {
+                href: "/",
+                children: "Go to /",
+              }
+            ),
+          ],
+        });
+      }
+      var __N_SSP = true;
+      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = aLink;
+
+      /***/
+    },
+
+    /***/ 6850: /***/ (module, exports, __webpack_require__) => {
+      "use strict";
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
+      });
+      Object.defineProperty(exports, "getDomainLocale", {
+        enumerable: true,
+        get: function () {
+          return getDomainLocale;
+        },
+      });
+      const _normalizetrailingslash = __webpack_require__(6457);
+      const basePath =
+        /* unused pure expression or super */ null && (false || "");
+      function getDomainLocale(path, locale, locales, domainLocales) {
+        if (false) {
+        } else {
+          return false;
+        }
+      }
+      if (
+        (typeof exports.default === "function" ||
+          (typeof exports.default === "object" && exports.default !== null)) &&
+        typeof exports.default.__esModule === "undefined"
+      ) {
+        Object.defineProperty(exports.default, "__esModule", {
+          value: true,
+        });
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=get-domain-locale.js.map
+
+      /***/
+    },
+
+    /***/ 8659: /***/ (__unused_webpack_module, exports) => {
+      "use strict";
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
+      });
+      Object.defineProperty(exports, "errorOnce", {
+        enumerable: true,
+        get: function () {
+          return errorOnce;
+        },
+      });
+      let errorOnce = (_) => {};
+      if (false) {
+      } //# sourceMappingURL=error-once.js.map
+
+      /***/
+    },
+
+    /***/ 9666: /***/ (
+      __unused_webpack_module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      (window.__NEXT_P = window.__NEXT_P || []).push([
+        "/link",
+        function () {
+          return __webpack_require__(5436);
+        },
+      ]);
+      if (false) {
+      }
+
+      /***/
+    },
+
+    /***/ 9692: /***/ (module, exports, __webpack_require__) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -636,7 +646,7 @@
         },
       });
       const _react = __webpack_require__(148);
-      const _requestidlecallback = __webpack_require__(3543);
+      const _requestidlecallback = __webpack_require__(315);
       const hasIntersectionObserver =
         typeof IntersectionObserver === "function";
       const observers = new Map();
@@ -748,23 +758,13 @@
 
       /***/
     },
-
-    /***/ 8770: /***/ (
-      module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      module.exports = __webpack_require__(3947);
-
-      /***/
-    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(3568)
+      __webpack_exec__(9666)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for routerDirect-HASH.js 
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [188],
   {
-    /***/ 3618: /***/ (
+    /***/ 76: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -16,7 +16,7 @@
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
         __webpack_require__(5640);
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(4631);
+        __webpack_require__(9413);
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default =
         /*#__PURE__*/ __webpack_require__.n(
           next_router__WEBPACK_IMPORTED_MODULE_1__
@@ -36,17 +36,7 @@
       /***/
     },
 
-    /***/ 4631: /***/ (
-      module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      module.exports = __webpack_require__(7086);
-
-      /***/
-    },
-
-    /***/ 7824: /***/ (
+    /***/ 1810: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -54,7 +44,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/routerDirect",
         function () {
-          return __webpack_require__(3618);
+          return __webpack_require__(76);
         },
       ]);
       if (false) {
@@ -62,13 +52,23 @@
 
       /***/
     },
+
+    /***/ 9413: /***/ (
+      module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      module.exports = __webpack_require__(5282);
+
+      /***/
+    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(7824)
+      __webpack_exec__(1810)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for script-HASH.js 
@@ -1,24 +1,17 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [1209],
   {
-    /***/ 1984: /***/ (
-      __unused_webpack_module,
+    /***/ 2227: /***/ (
+      module,
       __unused_webpack_exports,
       __webpack_require__
     ) => {
-      (window.__NEXT_P = window.__NEXT_P || []).push([
-        "/script",
-        function () {
-          return __webpack_require__(5769);
-        },
-      ]);
-      if (false) {
-      }
+      module.exports = __webpack_require__(5984);
 
       /***/
     },
 
-    /***/ 5769: /***/ (
+    /***/ 3043: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -33,7 +26,7 @@
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
         __webpack_require__(5640);
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(8293);
+        __webpack_require__(2227);
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1___default =
         /*#__PURE__*/ __webpack_require__.n(
           next_script__WEBPACK_IMPORTED_MODULE_1__
@@ -66,12 +59,19 @@
       /***/
     },
 
-    /***/ 8293: /***/ (
-      module,
+    /***/ 3642: /***/ (
+      __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
     ) => {
-      module.exports = __webpack_require__(900);
+      (window.__NEXT_P = window.__NEXT_P || []).push([
+        "/script",
+        function () {
+          return __webpack_require__(3043);
+        },
+      ]);
+      if (false) {
+      }
 
       /***/
     },
@@ -81,7 +81,7 @@
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(1984)
+      __webpack_exec__(3642)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for withRouter-HASH.js 
@@ -1,34 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [3263],
   {
-    /***/ 4631: /***/ (
-      module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      module.exports = __webpack_require__(7086);
-
-      /***/
-    },
-
-    /***/ 9216: /***/ (
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      (window.__NEXT_P = window.__NEXT_P || []).push([
-        "/withRouter",
-        function () {
-          return __webpack_require__(9803);
-        },
-      ]);
-      if (false) {
-      }
-
-      /***/
-    },
-
-    /***/ 9803: /***/ (
+    /***/ 1089: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -43,7 +16,7 @@
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
         __webpack_require__(5640);
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(4631);
+        __webpack_require__(9413);
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default =
         /*#__PURE__*/ __webpack_require__.n(
           next_router__WEBPACK_IMPORTED_MODULE_1__
@@ -61,13 +34,40 @@
 
       /***/
     },
+
+    /***/ 3962: /***/ (
+      __unused_webpack_module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      (window.__NEXT_P = window.__NEXT_P || []).push([
+        "/withRouter",
+        function () {
+          return __webpack_require__(1089);
+        },
+      ]);
+      if (false) {
+      }
+
+      /***/
+    },
+
+    /***/ 9413: /***/ (
+      module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      module.exports = __webpack_require__(5282);
+
+      /***/
+    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(9216)
+      __webpack_exec__(3962)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for 1733-HASH.js

Diff too large to display

Diff for 4719-HASH.js

Diff too large to display

Diff for main-HASH.js

Diff too large to display

Diff for main-app-HASH.js 
@@ -1,64 +1,64 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [4977],
   {
-    /***/ 321: /***/ (
+    /***/ 3579: /***/ () => {
+      /* (ignored) */
+      /***/
+    },
+
+    /***/ 7513: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
     ) => {
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 8790, 23)
+        __webpack_require__.t.bind(__webpack_require__, 5356, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 7382, 23)
+        __webpack_require__.t.bind(__webpack_require__, 4304, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 9442, 23)
+        __webpack_require__.t.bind(__webpack_require__, 3152, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 94, 23)
+        __webpack_require__.t.bind(__webpack_require__, 9464, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 693, 23)
+        __webpack_require__.t.bind(__webpack_require__, 1675, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 2439, 23)
+        __webpack_require__.t.bind(__webpack_require__, 7601, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 5083, 23)
+        __webpack_require__.t.bind(__webpack_require__, 2553, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 8103, 23)
+        __webpack_require__.t.bind(__webpack_require__, 1925, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 5625, 23)
+        __webpack_require__.t.bind(__webpack_require__, 959, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 4247, 23)
+        __webpack_require__.t.bind(__webpack_require__, 9389, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 5602, 23)
+        __webpack_require__.t.bind(__webpack_require__, 8628, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 227, 23)
+        __webpack_require__.t.bind(__webpack_require__, 3077, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 6734, 23)
+        __webpack_require__.t.bind(__webpack_require__, 7812, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 4120, 23)
+        __webpack_require__.t.bind(__webpack_require__, 5774, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.bind(__webpack_require__, 6104)
+        __webpack_require__.bind(__webpack_require__, 750)
       );
 
       /***/
     },
-
-    /***/ 3505: /***/ () => {
-      /* (ignored) */
-      /***/
-    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
@@ -66,8 +66,8 @@
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(
       0,
-      [1305, 1733],
-      () => (__webpack_exec__(9679), __webpack_exec__(321))
+      [9910, 965],
+      () => (__webpack_exec__(1389), __webpack_exec__(7513))
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for app-page-exp..ntime.dev.js

Diff too large to display

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

Diff too large to display

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

Diff too large to display

Diff for app-page.runtime.dev.js

Diff too large to display

Commit: 134f845

huozhi
huozhi previously approved these changes May 6, 2025
View reviewed changes
devjiwonchoi
devjiwonchoi previously approved these changes May 6, 2025
View reviewed changes
@devjiwonchoi devjiwonchoi enabled auto-merge (squash) May 6, 2025 14:01
@eps1lon
Copy link
Member

eps1lon commented May 6, 2025

Looks like this messes up some codeframes in build errors: https://github.com/vercel/next.js/actions/runs/14864785912/job/41738811869?pr=78861#step:34:1201

@eps1lon eps1lon disabled auto-merge May 6, 2025 19:05
@eps1lon eps1lon dismissed stale reviews from huozhi and devjiwonchoi May 6, 2025 19:05

stale

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@huozhi huozhi huozhi left review comments

@devjiwonchoi devjiwonchoi devjiwonchoi left review comments

At least 1 approving review is required to merge this pull request.

Assignees
No one assigned
Labels
CI approved Approve running CI for fork type: next
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
5 participants
@raunofreiberg @ijjk @eps1lon @huozhi @devjiwonchoi