Skip to content

fix: rspack framework and lib cacheGroups #79172

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

Draft
wants to merge 3 commits into
base: canary
Choose a base branch
from

Conversation

ScriptedAlchemy
Copy link
Contributor

This pull request updates the Webpack configuration in webpack-config.ts to add specific cache group settings for Rspack builds. The changes aim to improve the chunking strategy by introducing new cache groups for framework and lib when Rspack is used.

Changes to Webpack configuration:

  • packages/next/src/build/webpack-config.ts: Added framework and lib cache groups for Rspack builds. The framework group targets React-related modules with a high priority and enforces chunking, while the lib group targets other modules, ensuring reusable chunks and prioritizing them slightly lower.

Copy link

changeset-bot bot commented May 13, 2025

⚠️ No Changeset found

Latest commit: df6e3ea

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@ijjk
Copy link
Member

ijjk commented May 13, 2025

Failing test suites

Commit: df6e3ea

pnpm test test/integration/fallback-modules/test/index.test.js

  • Fallback Modules > production mode > Crypto Application > should not include crypto
Expand output

● Fallback Modules › production mode › Crypto Application › should not include crypto

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

Expected: true
Received: false

  47 |           // expect(parseFloat(indexSize)).toBeLessThanOrEqual(3.1)
  48 |           // expect(parseFloat(indexSize)).toBeGreaterThanOrEqual(2)
> 49 |           expect(indexSize.endsWith('kB')).toBe(true)
     |                                            ^
  50 |
  51 |           // expect(parseFloat(indexFirstLoad)).toBeLessThanOrEqual(67.9)
  52 |           // expect(parseFloat(indexFirstLoad)).toBeGreaterThanOrEqual(60)

  at Object.toBe (integration/fallback-modules/test/index.test.js:49:44)

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

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

  • ReactRefreshLogBox > css syntax errors
Expand output

● ReactRefreshLogBox › css syntax errors

Application is in inconsistent state: timeout.

  113 |             }
  114 |             if (status !== 'pending') {
> 115 |               throw new Error(
      |                     ^
  116 |                 `Application is in inconsistent state: ${status}.`
  117 |               )
  118 |             }

  at Object.patch (lib/development-sandbox.ts:115:21)
  at Object.<anonymous> (development/acceptance/ReactRefreshLogBox.test.ts:563:5)

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

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

  • HMR - Error Recovery, nextConfig: {"basePath":"","assetPrefix":"/asset-prefix"} > should not continously poll a custom error page
  • HMR - Error Recovery, nextConfig: {"basePath":"","assetPrefix":"/asset-prefix"} > should detect syntax errors and recover
  • HMR - Error Recovery, nextConfig: {"basePath":"","assetPrefix":"/asset-prefix"} > should detect runtime errors on the module scope
  • HMR - Error Recovery, nextConfig: {"basePath":"","assetPrefix":"/asset-prefix"} > should recover from errors in the render function
  • HMR - Error Recovery, nextConfig: {"basePath":"","assetPrefix":"/asset-prefix"} > should recover after loader parse error in an imported file
Expand output

● HMR - Error Recovery, nextConfig: {"basePath":"","assetPrefix":"/asset-prefix"} › should not continously poll a custom error page

expect(received).toMatch(expected)

Expected pattern: /getInitialProps called/
Received string:  "   Loading config from /tmp/next-install-0769d36560796a5f836bf558ce3d2ffd60b17d4e1b51cac13a5975f65a84e050/next.config.js
   Loading config from /tmp/next-install-0769d36560796a5f836bf558ce3d2ffd60b17d4e1b51cac13a5975f65a84e050/next.config.js
   ▲ Next.js 15.4.0-canary.33 (Rspack)
   - Local:        http://localhost:42955
   - Network:      http://148.251.6.243:42955·
 ✓ Starting...
   Loading config from /tmp/next-install-0769d36560796a5f836bf558ce3d2ffd60b17d4e1b51cac13a5975f65a84e050/next.config.js
   Loading config from /tmp/next-install-0769d36560796a5f836bf558ce3d2ffd60b17d4e1b51cac13a5975f65a84e050/next.config.js
 ✓ Ready in 1336ms
 ○ Compiling /_error ...
 ✓ Compiled /_error in 669ms (343 modules)
 GET /hmr/new-page 404 in 976ms
 ✓ Compiled /hmr/new-page in 91ms (350 modules)
 GET /hmr/new-page 200 in 297ms
 ✓ Compiled in 31ms (255 modules)
 ✓ Compiled in 152ms (343 modules)
 GET /hmr/new-page 404 in 227ms
 GET /hmr/foo/page 404 in 209ms
 ✓ Compiled /hmr/[foo] in 56ms (350 modules)
 GET /hmr/foo/page 200 in 247ms
 ✓ Compiled in 34ms (255 modules)
 ✓ Compiled in 73ms (343 modules)
 GET /hmr/foo/page 404 in 210ms
 ⚠ You have added a custom /_error page without a custom /404 page. This prevents the 404 page from being auto statically optimized.
See here for info: https://nextjs.org/docs/messages/custom-error-no-custom-404
 GET /hmr/foo/page 404 in 208ms
 GET /does-not-exist 404 in 208ms
"

  130 |         await retry(() => {
  131 |           // eslint-disable-next-line jest/no-standalone-expect
> 132 |           expect(next.cliOutput).toMatch(/getInitialProps called/)
      |                                  ^
  133 |         })
  134 |
  135 |         const outputIndex = next.cliOutput.length

  at toMatch (development/basic/hmr/run-error-recovery-hmr-test.util.ts:132:34)
  at fn (lib/next-test-utils.ts:811:20)
  at Object.<anonymous> (development/basic/hmr/run-error-recovery-hmr-test.util.ts:130:9)

● HMR - Error Recovery, nextConfig: {"basePath":"","assetPrefix":"/asset-prefix"} › should detect syntax errors and recover

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `HMR - Error Recovery, nextConfig: {"basePath":"","assetPrefix":"/asset-prefix"} should detect syntax errors and recover 1`

- Snapshot  - 19
+ Received  + 18

  ./pages/hmr/about2.js
    × Module build failed:
-   ├─▶   ×
-   │     │   x Unexpected token. Did you mean `{'}'}` or `&rbrace;`?
+   ╰─▶   × Error:   x Unexpected token. Did you mean `{'}'}` or `&rbrace;`?
-   │     │    ,-[TEST_DIR/pages/hmr/about2.js:7:1]
+         │    ,-[7:1]
-   │     │  4 |       <p>This is the about page.</p>
+         │  4 |       <p>This is the about page.</p>
-   │     │  5 |     div
+         │  5 |     div
-   │     │  6 |   )
+         │  6 |   )
-   │     │  7 | }
+         │  7 | }
-   │     │    : ^
+         │    : ^
-   │     │    `----
+         │    `----
-   │     │
-   │     │   x Unexpected eof
+         │   x Unexpected eof
-   │     │    ,-[TEST_DIR/pages/hmr/about2.js:7:3]
+         │    ,-[7:3]
-   │     │  5 |     div
+         │  5 |     div
-   │     │  6 |   )
+         │  6 |   )
-   │     │  7 | }
+         │  7 | }
-   │     │    `----
+         │    `----
-   │     │
+         │
+         │
-   │
-   ╰─▶ Syntax Error
+         │ Caused by:
+         │     Syntax Error

  Import trace for requested module:
  ./pages/hmr/about2.js

  177 |         `)
  178 |     } else if (process.env.NEXT_RSPACK) {
> 179 |       expect(trimEndMultiline(source)).toMatchInlineSnapshot(`
      |                                        ^
  180 |          "./pages/hmr/about2.js
  181 |            × Module build failed:
  182 |            ├─▶   ×

  at Object.toMatchInlineSnapshot (development/basic/hmr/run-error-recovery-hmr-test.util.ts:179:40)

● HMR - Error Recovery, nextConfig: {"basePath":"","assetPrefix":"/asset-prefix"} › should detect runtime errors on the module scope

Expected Redbox but found no visible one.

  293 |       )
  294 |
> 295 |       await assertHasRedbox(browser)
      |       ^
  296 |       expect(await getRedboxHeader(browser)).toMatch(/aa is not defined/)
  297 |
  298 |       await next.patchFile(aboutPage, aboutContent)

  at Object.<anonymous> (development/basic/hmr/run-error-recovery-hmr-test.util.ts:295:7)

● HMR - Error Recovery, nextConfig: {"basePath":"","assetPrefix":"/asset-prefix"} › should recover from errors in the render function

expect(received).toMatch(expected)

Matcher error: received value must be a string

Received has value: null

  328 |
  329 |       await assertHasRedbox(browser)
> 330 |       expect(await getRedboxSource(browser)).toMatch(/an-expected-error/)
      |                                              ^
  331 |
  332 |       await next.patchFile(aboutPage, aboutContent)
  333 |

  at Object.toMatch (development/basic/hmr/run-error-recovery-hmr-test.util.ts:330:46)

● HMR - Error Recovery, nextConfig: {"basePath":"","assetPrefix":"/asset-prefix"} › should recover after loader parse error in an imported file

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `HMR - Error Recovery, nextConfig: {"basePath":"","assetPrefix":"/asset-prefix"} should recover after loader parse error in an imported file 1`

- Snapshot  - 13
+ Received  + 13

  ./components/parse-error.js
    × Module build failed:
-   ├─▶   ×
-   │     │   x Expression expected
+   ╰─▶   × Error:   x Expression expected
-   │     │    ,-[./components/parse-error.js:3:1]
+         │    ,-[3:1]
-   │     │  1 | This
+         │  1 | This
-   │     │  2 | is
+         │  2 | is
-   │     │  3 | }}}
+         │  3 | }}}
-   │     │    : ^
+         │    : ^
-   │     │  4 | invalid
+         │  4 | invalid
-   │     │  5 | js
+         │  5 | js
-   │     │    `----
+         │    `----
-   │     │
-   │
-   ╰─▶ Syntax Error
+         │
+         │
+         │ Caused by:
+         │     Syntax Error

  Import trace for requested module:
  ./components/parse-error.js
  ./pages/hmr/about9.js

  616 |       } else if (process.env.NEXT_RSPACK) {
  617 |         expect(trimEndMultiline(next.normalizeTestDirContent(redboxSource)))
> 618 |           .toMatchInlineSnapshot(`
      |            ^
  619 |            "./components/parse-error.js
  620 |              × Module build failed:
  621 |              ├─▶   ×

  at Object.toMatchInlineSnapshot (development/basic/hmr/run-error-recovery-hmr-test.util.ts:618:12)

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

pnpm test-dev test/development/basic/hmr/error-recovery-yes-base-path-yes-asset-prefix.test.ts

  • HMR - Error Recovery, nextConfig: {"basePath":"/docs","assetPrefix":"/asset-prefix"} > should not continously poll a custom error page
  • HMR - Error Recovery, nextConfig: {"basePath":"/docs","assetPrefix":"/asset-prefix"} > should detect syntax errors and recover
  • HMR - Error Recovery, nextConfig: {"basePath":"/docs","assetPrefix":"/asset-prefix"} > should detect runtime errors on the module scope
  • HMR - Error Recovery, nextConfig: {"basePath":"/docs","assetPrefix":"/asset-prefix"} > should recover from errors in the render function
  • HMR - Error Recovery, nextConfig: {"basePath":"/docs","assetPrefix":"/asset-prefix"} > should recover after loader parse error in an imported file
Expand output

● HMR - Error Recovery, nextConfig: {"basePath":"/docs","assetPrefix":"/asset-prefix"} › should not continously poll a custom error page

expect(received).toMatch(expected)

Expected pattern: /getInitialProps called/
Received string:  "   Loading config from /tmp/next-install-8cb77e3a15f3cffa09d7b930b297db5b8b67e6c03682bf5972b1d2b59c892cb9/next.config.js
   Loading config from /tmp/next-install-8cb77e3a15f3cffa09d7b930b297db5b8b67e6c03682bf5972b1d2b59c892cb9/next.config.js
   ▲ Next.js 15.4.0-canary.33 (Rspack)
   - Local:        http://localhost:34251
   - Network:      http://95.217.250.160:34251·
 ✓ Starting...
   Loading config from /tmp/next-install-8cb77e3a15f3cffa09d7b930b297db5b8b67e6c03682bf5972b1d2b59c892cb9/next.config.js
   Loading config from /tmp/next-install-8cb77e3a15f3cffa09d7b930b297db5b8b67e6c03682bf5972b1d2b59c892cb9/next.config.js
 ✓ Ready in 1407ms
 ○ Compiling /_error ...
 ✓ Compiled /_error in 638ms (343 modules)
 GET /hmr/new-page 404 in 943ms
 ✓ Compiled /hmr/new-page in 99ms (350 modules)
 GET /hmr/new-page 200 in 311ms
 ✓ Compiled in 19ms (255 modules)
 ✓ Compiled in 92ms (343 modules)
 GET /hmr/new-page 404 in 210ms
 GET /hmr/foo/page 404 in 211ms
 ✓ Compiled /hmr/[foo] in 145ms (350 modules)
 GET /hmr/foo/page 200 in 303ms
 ✓ Compiled in 35ms (255 modules)
 ✓ Compiled in 123ms (343 modules)
 GET /hmr/foo/page 404 in 210ms
 ⚠ You have added a custom /_error page without a custom /404 page. This prevents the 404 page from being auto statically optimized.
See here for info: https://nextjs.org/docs/messages/custom-error-no-custom-404
 GET /hmr/foo/page 404 in 212ms
 GET /does-not-exist 404 in 213ms
"

  130 |         await retry(() => {
  131 |           // eslint-disable-next-line jest/no-standalone-expect
> 132 |           expect(next.cliOutput).toMatch(/getInitialProps called/)
      |                                  ^
  133 |         })
  134 |
  135 |         const outputIndex = next.cliOutput.length

  at toMatch (development/basic/hmr/run-error-recovery-hmr-test.util.ts:132:34)
  at fn (lib/next-test-utils.ts:811:20)
  at Object.<anonymous> (development/basic/hmr/run-error-recovery-hmr-test.util.ts:130:9)

● HMR - Error Recovery, nextConfig: {"basePath":"/docs","assetPrefix":"/asset-prefix"} › should detect syntax errors and recover

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `HMR - Error Recovery, nextConfig: {"basePath":"/docs","assetPrefix":"/asset-prefix"} should detect syntax errors and recover 1`

- Snapshot  - 19
+ Received  + 18

  ./pages/hmr/about2.js
    × Module build failed:
-   ├─▶   ×
-   │     │   x Unexpected token. Did you mean `{'}'}` or `&rbrace;`?
+   ╰─▶   × Error:   x Unexpected token. Did you mean `{'}'}` or `&rbrace;`?
-   │     │    ,-[TEST_DIR/pages/hmr/about2.js:7:1]
+         │    ,-[7:1]
-   │     │  4 |       <p>This is the about page.</p>
+         │  4 |       <p>This is the about page.</p>
-   │     │  5 |     div
+         │  5 |     div
-   │     │  6 |   )
+         │  6 |   )
-   │     │  7 | }
+         │  7 | }
-   │     │    : ^
+         │    : ^
-   │     │    `----
+         │    `----
-   │     │
-   │     │   x Unexpected eof
+         │   x Unexpected eof
-   │     │    ,-[TEST_DIR/pages/hmr/about2.js:7:3]
+         │    ,-[7:3]
-   │     │  5 |     div
+         │  5 |     div
-   │     │  6 |   )
+         │  6 |   )
-   │     │  7 | }
+         │  7 | }
-   │     │    `----
+         │    `----
-   │     │
+         │
+         │
-   │
-   ╰─▶ Syntax Error
+         │ Caused by:
+         │     Syntax Error

  Import trace for requested module:
  ./pages/hmr/about2.js

  177 |         `)
  178 |     } else if (process.env.NEXT_RSPACK) {
> 179 |       expect(trimEndMultiline(source)).toMatchInlineSnapshot(`
      |                                        ^
  180 |          "./pages/hmr/about2.js
  181 |            × Module build failed:
  182 |            ├─▶   ×

  at Object.toMatchInlineSnapshot (development/basic/hmr/run-error-recovery-hmr-test.util.ts:179:40)

● HMR - Error Recovery, nextConfig: {"basePath":"/docs","assetPrefix":"/asset-prefix"} › should detect runtime errors on the module scope

Expected Redbox but found no visible one.

  293 |       )
  294 |
> 295 |       await assertHasRedbox(browser)
      |       ^
  296 |       expect(await getRedboxHeader(browser)).toMatch(/aa is not defined/)
  297 |
  298 |       await next.patchFile(aboutPage, aboutContent)

  at Object.<anonymous> (development/basic/hmr/run-error-recovery-hmr-test.util.ts:295:7)

● HMR - Error Recovery, nextConfig: {"basePath":"/docs","assetPrefix":"/asset-prefix"} › should recover from errors in the render function

expect(received).toMatch(expected)

Matcher error: received value must be a string

Received has value: null

  328 |
  329 |       await assertHasRedbox(browser)
> 330 |       expect(await getRedboxSource(browser)).toMatch(/an-expected-error/)
      |                                              ^
  331 |
  332 |       await next.patchFile(aboutPage, aboutContent)
  333 |

  at Object.toMatch (development/basic/hmr/run-error-recovery-hmr-test.util.ts:330:46)

● HMR - Error Recovery, nextConfig: {"basePath":"/docs","assetPrefix":"/asset-prefix"} › should recover after loader parse error in an imported file

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `HMR - Error Recovery, nextConfig: {"basePath":"/docs","assetPrefix":"/asset-prefix"} should recover after loader parse error in an imported file 1`

- Snapshot  - 13
+ Received  + 13

  ./components/parse-error.js
    × Module build failed:
-   ├─▶   ×
-   │     │   x Expression expected
+   ╰─▶   × Error:   x Expression expected
-   │     │    ,-[./components/parse-error.js:3:1]
+         │    ,-[3:1]
-   │     │  1 | This
+         │  1 | This
-   │     │  2 | is
+         │  2 | is
-   │     │  3 | }}}
+         │  3 | }}}
-   │     │    : ^
+         │    : ^
-   │     │  4 | invalid
+         │  4 | invalid
-   │     │  5 | js
+         │  5 | js
-   │     │    `----
+         │    `----
-   │     │
-   │
-   ╰─▶ Syntax Error
+         │
+         │
+         │ Caused by:
+         │     Syntax Error

  Import trace for requested module:
  ./components/parse-error.js
  ./pages/hmr/about9.js

  616 |       } else if (process.env.NEXT_RSPACK) {
  617 |         expect(trimEndMultiline(next.normalizeTestDirContent(redboxSource)))
> 618 |           .toMatchInlineSnapshot(`
      |            ^
  619 |            "./components/parse-error.js
  620 |              × Module build failed:
  621 |              ├─▶   ×

  at Object.toMatchInlineSnapshot (development/basic/hmr/run-error-recovery-hmr-test.util.ts:618:12)

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

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

  • HMR - Error Recovery, nextConfig: {"basePath":"/docs","assetPrefix":""} > should not continously poll a custom error page
  • HMR - Error Recovery, nextConfig: {"basePath":"/docs","assetPrefix":""} > should detect syntax errors and recover
  • HMR - Error Recovery, nextConfig: {"basePath":"/docs","assetPrefix":""} > should detect runtime errors on the module scope
  • HMR - Error Recovery, nextConfig: {"basePath":"/docs","assetPrefix":""} > should recover from errors in the render function
  • HMR - Error Recovery, nextConfig: {"basePath":"/docs","assetPrefix":""} > should recover after loader parse error in an imported file
Expand output

● HMR - Error Recovery, nextConfig: {"basePath":"/docs","assetPrefix":""} › should not continously poll a custom error page

expect(received).toMatch(expected)

Expected pattern: /getInitialProps called/
Received string:  "   Loading config from /tmp/next-install-b904c335adb0533c0f1758a2daf959619fcabec7d599a1fe43bc31595383ce9c/next.config.js
   Loading config from /tmp/next-install-b904c335adb0533c0f1758a2daf959619fcabec7d599a1fe43bc31595383ce9c/next.config.js
   ▲ Next.js 15.4.0-canary.33 (Rspack)
   - Local:        http://localhost:44823
   - Network:      http://95.216.22.78:44823·
 ✓ Starting...
   Loading config from /tmp/next-install-b904c335adb0533c0f1758a2daf959619fcabec7d599a1fe43bc31595383ce9c/next.config.js
   Loading config from /tmp/next-install-b904c335adb0533c0f1758a2daf959619fcabec7d599a1fe43bc31595383ce9c/next.config.js
 ✓ Ready in 1412ms
 ○ Compiling /_error ...
 ✓ Compiled /_error in 696ms (337 modules)
 GET /hmr/new-page 404 in 1004ms
 ✓ Compiled /hmr/new-page in 99ms (344 modules)
 GET /hmr/new-page 200 in 311ms
 ✓ Compiled in 34ms (249 modules)
 ✓ Compiled in 116ms (337 modules)
 GET /hmr/new-page 404 in 215ms
 GET /hmr/foo/page 404 in 214ms
 ✓ Compiled /hmr/[foo] in 219ms (344 modules)
 GET /hmr/foo/page 200 in 308ms
 ✓ Compiled in 50ms (249 modules)
 ✓ Compiled in 29ms (88 modules)
 GET /hmr/foo/page 404 in 214ms
 ⚠ You have added a custom /_error page without a custom /404 page. This prevents the 404 page from being auto statically optimized.
See here for info: https://nextjs.org/docs/messages/custom-error-no-custom-404
 GET /hmr/foo/page 404 in 217ms
 GET /does-not-exist 404 in 208ms
"

  130 |         await retry(() => {
  131 |           // eslint-disable-next-line jest/no-standalone-expect
> 132 |           expect(next.cliOutput).toMatch(/getInitialProps called/)
      |                                  ^
  133 |         })
  134 |
  135 |         const outputIndex = next.cliOutput.length

  at toMatch (development/basic/hmr/run-error-recovery-hmr-test.util.ts:132:34)
  at fn (lib/next-test-utils.ts:811:20)
  at Object.<anonymous> (development/basic/hmr/run-error-recovery-hmr-test.util.ts:130:9)

● HMR - Error Recovery, nextConfig: {"basePath":"/docs","assetPrefix":""} › should detect syntax errors and recover

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `HMR - Error Recovery, nextConfig: {"basePath":"/docs","assetPrefix":""} should detect syntax errors and recover 1`

- Snapshot  - 19
+ Received  + 18

  ./pages/hmr/about2.js
    × Module build failed:
-   ├─▶   ×
-   │     │   x Unexpected token. Did you mean `{'}'}` or `&rbrace;`?
+   ╰─▶   × Error:   x Unexpected token. Did you mean `{'}'}` or `&rbrace;`?
-   │     │    ,-[TEST_DIR/pages/hmr/about2.js:7:1]
+         │    ,-[7:1]
-   │     │  4 |       <p>This is the about page.</p>
+         │  4 |       <p>This is the about page.</p>
-   │     │  5 |     div
+         │  5 |     div
-   │     │  6 |   )
+         │  6 |   )
-   │     │  7 | }
+         │  7 | }
-   │     │    : ^
+         │    : ^
-   │     │    `----
+         │    `----
-   │     │
-   │     │   x Unexpected eof
+         │   x Unexpected eof
-   │     │    ,-[TEST_DIR/pages/hmr/about2.js:7:3]
+         │    ,-[7:3]
-   │     │  5 |     div
+         │  5 |     div
-   │     │  6 |   )
+         │  6 |   )
-   │     │  7 | }
+         │  7 | }
-   │     │    `----
+         │    `----
-   │     │
+         │
+         │
-   │
-   ╰─▶ Syntax Error
+         │ Caused by:
+         │     Syntax Error

  Import trace for requested module:
  ./pages/hmr/about2.js

  177 |         `)
  178 |     } else if (process.env.NEXT_RSPACK) {
> 179 |       expect(trimEndMultiline(source)).toMatchInlineSnapshot(`
      |                                        ^
  180 |          "./pages/hmr/about2.js
  181 |            × Module build failed:
  182 |            ├─▶   ×

  at Object.toMatchInlineSnapshot (development/basic/hmr/run-error-recovery-hmr-test.util.ts:179:40)

● HMR - Error Recovery, nextConfig: {"basePath":"/docs","assetPrefix":""} › should detect runtime errors on the module scope

Expected Redbox but found no visible one.

  293 |       )
  294 |
> 295 |       await assertHasRedbox(browser)
      |       ^
  296 |       expect(await getRedboxHeader(browser)).toMatch(/aa is not defined/)
  297 |
  298 |       await next.patchFile(aboutPage, aboutContent)

  at Object.<anonymous> (development/basic/hmr/run-error-recovery-hmr-test.util.ts:295:7)

● HMR - Error Recovery, nextConfig: {"basePath":"/docs","assetPrefix":""} › should recover from errors in the render function

expect(received).toMatch(expected)

Matcher error: received value must be a string

Received has value: null

  328 |
  329 |       await assertHasRedbox(browser)
> 330 |       expect(await getRedboxSource(browser)).toMatch(/an-expected-error/)
      |                                              ^
  331 |
  332 |       await next.patchFile(aboutPage, aboutContent)
  333 |

  at Object.toMatch (development/basic/hmr/run-error-recovery-hmr-test.util.ts:330:46)

● HMR - Error Recovery, nextConfig: {"basePath":"/docs","assetPrefix":""} › should recover after loader parse error in an imported file

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `HMR - Error Recovery, nextConfig: {"basePath":"/docs","assetPrefix":""} should recover after loader parse error in an imported file 1`

- Snapshot  - 13
+ Received  + 13

  ./components/parse-error.js
    × Module build failed:
-   ├─▶   ×
-   │     │   x Expression expected
+   ╰─▶   × Error:   x Expression expected
-   │     │    ,-[./components/parse-error.js:3:1]
+         │    ,-[3:1]
-   │     │  1 | This
+         │  1 | This
-   │     │  2 | is
+         │  2 | is
-   │     │  3 | }}}
+         │  3 | }}}
-   │     │    : ^
+         │    : ^
-   │     │  4 | invalid
+         │  4 | invalid
-   │     │  5 | js
+         │  5 | js
-   │     │    `----
+         │    `----
-   │     │
-   │
-   ╰─▶ Syntax Error
+         │
+         │
+         │ Caused by:
+         │     Syntax Error

  Import trace for requested module:
  ./components/parse-error.js
  ./pages/hmr/about9.js

  616 |       } else if (process.env.NEXT_RSPACK) {
  617 |         expect(trimEndMultiline(next.normalizeTestDirContent(redboxSource)))
> 618 |           .toMatchInlineSnapshot(`
      |            ^
  619 |            "./components/parse-error.js
  620 |              × Module build failed:
  621 |              ├─▶   ×

  at Object.toMatchInlineSnapshot (development/basic/hmr/run-error-recovery-hmr-test.util.ts:618:12)

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

__NEXT_EXPERIMENTAL_PPR=true pnpm test-dev test/e2e/basepath/router-events.test.ts (PPR)

  • basePath > should use urls with basepath in router events for failed route change
Expand output

● basePath › should use urls with basepath in router events for failed route change

assert.deepEqual(received, expected)

Expected value to deeply equal to:
  [["routeChangeStart", "/docs/error-route", {"shallow": false}], ["routeChangeError", "Failed to load static props", null, "/docs/error-route", {"shallow": false}]]
Received:
  null

Difference:

  Comparing two different types of values. Expected array but received null.

  115 |       await retry(async () => {
  116 |         const eventLog = await browser.eval('window._getEventLog()')
> 117 |         assert.deepEqual(eventLog, [
      |                ^
  118 |           ['routeChangeStart', `${basePath}/error-route`, { shallow: false }],
  119 |           [
  120 |             'routeChangeError',

  at deepEqual (e2e/basepath/router-events.test.ts:117:16)
  at retry (lib/next-test-utils.ts:811:14)
  at Object.<anonymous> (e2e/basepath/router-events.test.ts:115:7)

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

pnpm test-dev test/development/basic/hmr/error-recovery-no-base-path-no-asset-prefix.test.ts

  • HMR - Error Recovery, nextConfig: {"basePath":"","assetPrefix":""} > should not continously poll a custom error page
  • HMR - Error Recovery, nextConfig: {"basePath":"","assetPrefix":""} > should detect syntax errors and recover
  • HMR - Error Recovery, nextConfig: {"basePath":"","assetPrefix":""} > should detect runtime errors on the module scope
  • HMR - Error Recovery, nextConfig: {"basePath":"","assetPrefix":""} > should recover from errors in the render function
  • HMR - Error Recovery, nextConfig: {"basePath":"","assetPrefix":""} > should recover after loader parse error in an imported file
Expand output

● HMR - Error Recovery, nextConfig: {"basePath":"","assetPrefix":""} › should not continously poll a custom error page

expect(received).toMatch(expected)

Expected pattern: /getInitialProps called/
Received string:  "   Loading config from /tmp/next-install-e2760d53afce147fee2d3bf82cf5e496df77e9ea924909e629279e8e595ee3e4/next.config.js
   Loading config from /tmp/next-install-e2760d53afce147fee2d3bf82cf5e496df77e9ea924909e629279e8e595ee3e4/next.config.js
   ▲ Next.js 15.4.0-canary.33 (Rspack)
   - Local:        http://localhost:34557
   - Network:      http://176.9.53.67:34557·
 ✓ Starting...
   Loading config from /tmp/next-install-e2760d53afce147fee2d3bf82cf5e496df77e9ea924909e629279e8e595ee3e4/next.config.js
   Loading config from /tmp/next-install-e2760d53afce147fee2d3bf82cf5e496df77e9ea924909e629279e8e595ee3e4/next.config.js
 ✓ Ready in 2.1s
 ○ Compiling /_error ...
 ✓ Compiled /_error in 1340ms (337 modules)
 GET /hmr/new-page 404 in 1728ms
 ✓ Compiled /hmr/new-page in 203ms (344 modules)
 GET /hmr/new-page 200 in 392ms
 ✓ Compiled in 33ms (249 modules)
 ✓ Compiled in 39ms (88 modules)
 GET /hmr/new-page 404 in 234ms
 GET /hmr/foo/page 404 in 221ms
 ✓ Compiled /hmr/[foo] in 263ms (344 modules)
 GET /hmr/foo/page 200 in 342ms
 ✓ Compiled in 49ms (249 modules)
 ✓ Compiled in 53ms (88 modules)
 GET /hmr/foo/page 404 in 249ms
 ⚠ You have added a custom /_error page without a custom /404 page. This prevents the 404 page from being auto statically optimized.
See here for info: https://nextjs.org/docs/messages/custom-error-no-custom-404
 GET /hmr/foo/page 404 in 245ms
 GET /does-not-exist 404 in 223ms
"

  130 |         await retry(() => {
  131 |           // eslint-disable-next-line jest/no-standalone-expect
> 132 |           expect(next.cliOutput).toMatch(/getInitialProps called/)
      |                                  ^
  133 |         })
  134 |
  135 |         const outputIndex = next.cliOutput.length

  at toMatch (development/basic/hmr/run-error-recovery-hmr-test.util.ts:132:34)
  at fn (lib/next-test-utils.ts:811:20)
  at Object.<anonymous> (development/basic/hmr/run-error-recovery-hmr-test.util.ts:130:9)

● HMR - Error Recovery, nextConfig: {"basePath":"","assetPrefix":""} › should detect syntax errors and recover

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `HMR - Error Recovery, nextConfig: {"basePath":"","assetPrefix":""} should detect syntax errors and recover 1`

- Snapshot  - 19
+ Received  + 18

  ./pages/hmr/about2.js
    × Module build failed:
-   ├─▶   ×
-   │     │   x Unexpected token. Did you mean `{'}'}` or `&rbrace;`?
+   ╰─▶   × Error:   x Unexpected token. Did you mean `{'}'}` or `&rbrace;`?
-   │     │    ,-[TEST_DIR/pages/hmr/about2.js:7:1]
+         │    ,-[7:1]
-   │     │  4 |       <p>This is the about page.</p>
+         │  4 |       <p>This is the about page.</p>
-   │     │  5 |     div
+         │  5 |     div
-   │     │  6 |   )
+         │  6 |   )
-   │     │  7 | }
+         │  7 | }
-   │     │    : ^
+         │    : ^
-   │     │    `----
+         │    `----
-   │     │
-   │     │   x Unexpected eof
+         │   x Unexpected eof
-   │     │    ,-[TEST_DIR/pages/hmr/about2.js:7:3]
+         │    ,-[7:3]
-   │     │  5 |     div
+         │  5 |     div
-   │     │  6 |   )
+         │  6 |   )
-   │     │  7 | }
+         │  7 | }
-   │     │    `----
+         │    `----
-   │     │
+         │
+         │
-   │
-   ╰─▶ Syntax Error
+         │ Caused by:
+         │     Syntax Error

  Import trace for requested module:
  ./pages/hmr/about2.js

  177 |         `)
  178 |     } else if (process.env.NEXT_RSPACK) {
> 179 |       expect(trimEndMultiline(source)).toMatchInlineSnapshot(`
      |                                        ^
  180 |          "./pages/hmr/about2.js
  181 |            × Module build failed:
  182 |            ├─▶   ×

  at Object.toMatchInlineSnapshot (development/basic/hmr/run-error-recovery-hmr-test.util.ts:179:40)

● HMR - Error Recovery, nextConfig: {"basePath":"","assetPrefix":""} › should detect runtime errors on the module scope

Expected Redbox but found no visible one.

  293 |       )
  294 |
> 295 |       await assertHasRedbox(browser)
      |       ^
  296 |       expect(await getRedboxHeader(browser)).toMatch(/aa is not defined/)
  297 |
  298 |       await next.patchFile(aboutPage, aboutContent)

  at Object.<anonymous> (development/basic/hmr/run-error-recovery-hmr-test.util.ts:295:7)

● HMR - Error Recovery, nextConfig: {"basePath":"","assetPrefix":""} › should recover from errors in the render function

expect(received).toMatch(expected)

Matcher error: received value must be a string

Received has value: null

  328 |
  329 |       await assertHasRedbox(browser)
> 330 |       expect(await getRedboxSource(browser)).toMatch(/an-expected-error/)
      |                                              ^
  331 |
  332 |       await next.patchFile(aboutPage, aboutContent)
  333 |

  at Object.toMatch (development/basic/hmr/run-error-recovery-hmr-test.util.ts:330:46)

● HMR - Error Recovery, nextConfig: {"basePath":"","assetPrefix":""} › should recover after loader parse error in an imported file

expect(received).toMatchInlineSnapshot(snapshot)

Snapshot name: `HMR - Error Recovery, nextConfig: {"basePath":"","assetPrefix":""} should recover after loader parse error in an imported file 1`

- Snapshot  - 13
+ Received  + 13

  ./components/parse-error.js
    × Module build failed:
-   ├─▶   ×
-   │     │   x Expression expected
+   ╰─▶   × Error:   x Expression expected
-   │     │    ,-[./components/parse-error.js:3:1]
+         │    ,-[3:1]
-   │     │  1 | This
+         │  1 | This
-   │     │  2 | is
+         │  2 | is
-   │     │  3 | }}}
+         │  3 | }}}
-   │     │    : ^
+         │    : ^
-   │     │  4 | invalid
+         │  4 | invalid
-   │     │  5 | js
+         │  5 | js
-   │     │    `----
+         │    `----
-   │     │
-   │
-   ╰─▶ Syntax Error
+         │
+         │
+         │ Caused by:
+         │     Syntax Error

  Import trace for requested module:
  ./components/parse-error.js
  ./pages/hmr/about9.js

  616 |       } else if (process.env.NEXT_RSPACK) {
  617 |         expect(trimEndMultiline(next.normalizeTestDirContent(redboxSource)))
> 618 |           .toMatchInlineSnapshot(`
      |            ^
  619 |            "./components/parse-error.js
  620 |              × Module build failed:
  621 |              ├─▶   ×

  at Object.toMatchInlineSnapshot (development/basic/hmr/run-error-recovery-hmr-test.util.ts:618:12)

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

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

  • app-dir action handling > should forward action request to a worker that contains the action handler (edge)
Expand output

● app-dir action handling › should forward action request to a worker that contains the action handler (edge)

page.waitForSelector: Timeout 10000ms exceeded.
Call log:
  - waiting for locator('#other-page')

  454 |   waitForElementByCss(selector: string, timeout = 10_000) {
  455 |     return this.startChain(async () => {
> 456 |       const el = await page.waitForSelector(selector, {
      |                             ^
  457 |         timeout,
  458 |         state: 'attached',
  459 |       })

  at waitForSelector (lib/browsers/playwright.ts:456:29)
  at e2e/app-dir/actions/app-action.test.ts:908:7
  at Proxy._chain (lib/browsers/playwright.ts:568:23)
  at Proxy._chain (lib/browsers/playwright.ts:549:17)
  at Proxy.startChain (lib/browsers/playwright.ts:455:17)
  at waitForElementByCss (e2e/app-dir/actions/app-action.test.ts:911:10)

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

@ijjk
Copy link
Member

ijjk commented May 13, 2025

Stats from current PR

Default Build (Increase detected ⚠️)
General Overall increase ⚠️
vercel/next.js canary ScriptedAlchemy/next.js rspack-cachegroups Change
buildDuration 18.8s 15.5s N/A
buildDurationCached 14.6s 12.3s N/A
nodeModulesSize 418 MB 418 MB ⚠️ +6.27 kB
nextStartRea..uration (ms) 419ms 420ms N/A
Client Bundles (main, webpack) Overall increase ⚠️
vercel/next.js canary ScriptedAlchemy/next.js rspack-cachegroups 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 254 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 ScriptedAlchemy/next.js rspack-cachegroups 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 ScriptedAlchemy/next.js rspack-cachegroups 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 ScriptedAlchemy/next.js rspack-cachegroups Change
_buildManifest.js gzip 751 B 750 B N/A
Overall change 0 B 0 B
Rendered Page Sizes
vercel/next.js canary ScriptedAlchemy/next.js rspack-cachegroups 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 ScriptedAlchemy/next.js rspack-cachegroups 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 ScriptedAlchemy/next.js rspack-cachegroups Change
middleware-b..fest.js gzip 676 B 674 B N/A
middleware-r..fest.js gzip 155 B 157 B N/A
middleware.js gzip 32.4 kB 32.7 kB ⚠️ +278 B
edge-runtime..pack.js gzip 853 B 853 B
Overall change 33.3 kB 33.6 kB ⚠️ +278 B
Next Runtimes
vercel/next.js canary ScriptedAlchemy/next.js rspack-cachegroups Change
app-page-exp...dev.js gzip 260 kB 260 kB N/A
app-page-exp..prod.js gzip 149 kB 149 kB
app-page-tur...dev.js gzip 260 kB 260 kB N/A
app-page-tur..prod.js gzip 149 kB 149 kB
app-page-tur...dev.js gzip 254 kB 254 kB
app-page-tur..prod.js gzip 145 kB 145 kB
app-page.run...dev.js gzip 254 kB 254 kB
app-page.run..prod.js gzip 145 kB 145 kB
app-route-ex...dev.js gzip 41.6 kB 41.6 kB
app-route-ex..prod.js gzip 33.8 kB 33.8 kB
app-route-tu...dev.js gzip 41.6 kB 41.6 kB
app-route-tu..prod.js gzip 33.8 kB 33.8 kB
app-route-tu...dev.js gzip 41.2 kB 41.2 kB
app-route-tu..prod.js gzip 33.4 kB 33.4 kB
app-route.ru...dev.js gzip 41.2 kB 41.2 kB
app-route.ru..prod.js gzip 33.4 kB 33.4 kB
dist_client_...dev.js gzip 314 B 314 B
dist_client_...dev.js gzip 316 B 316 B
dist_client_...dev.js gzip 308 B 308 B
dist_client_...dev.js gzip 307 B 307 B
pages-api-tu...dev.js gzip 18.6 kB 18.6 kB
pages-api-tu..prod.js gzip 16.6 kB 16.6 kB
pages-api.ru...dev.js gzip 18.6 kB 18.6 kB
pages-api.ru..prod.js gzip 16.6 kB 16.6 kB
pages-turbo....dev.js gzip 32.6 kB 32.6 kB
pages-turbo...prod.js gzip 27.9 kB 27.9 kB
pages.runtim...dev.js gzip 32.7 kB 32.7 kB
pages.runtim..prod.js gzip 28.1 kB 28.1 kB
server.runti..prod.js gzip 63.2 kB 63.2 kB
Overall change 1.65 MB 1.65 MB
build cache
vercel/next.js canary ScriptedAlchemy/next.js rspack-cachegroups Change
0.pack gzip 2.19 MB 2.19 MB N/A
index.pack gzip 77.8 kB 76.1 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
failed to diff
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

Commit: df6e3ea

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants