re-add hydration support to React 18 errors #69757

ztanner · 2024-09-05T20:59:55Z

Re-lands hydration support for React 18 errors by reverting some things that were part of #65058. Annotated specific parts with comments.

ztanner · 2024-09-05T21:00:16Z

Warning

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

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

Join @ztanner and the rest of your teammates on Graphite

ztanner · 2024-09-05T21:02:26Z

packages/next/src/client/components/react-dev-overlay/internal/helpers/hydration-error-info.ts

+  'Warning: Text content did not match. Server: "%s" Client: "%s"%s'
+
+const isTextMismatchWarning = (msg: NullableText) => textMismatchWarning === msg
+const isTextInTagsMismatchWarning = (msg: NullableText) =>


Reverts:

Stop handling hydration errors from unsupported React versions #67903

ztanner · 2024-09-05T21:03:01Z

packages/next/src/client/components/react-dev-overlay/internal/helpers/hydration-error-info.ts

+      ...args,
+      // We tack on the hydration error message to the console.error message so that
+      // it matches the error we display in the redbox overlay
+      `\nSee more info here: https://nextjs.org/docs/messages/react-hydration-error`,


Supports behavior that was lost from:

refactor: remove hydration link appending console interception #67011

ztanner · 2024-09-05T21:03:32Z

test/development/acceptance/hydration-error.test.ts

@@ -38,7 +37,7 @@ describe.skip('Error overlay for hydration errors (React 18)', () => {
    await session.assertHasRedbox()

    expect(await session.getRedboxDescription()).toMatchInlineSnapshot(`
-      "Error: Text content does not match server-rendered HTML.
+      "Text content does not match server-rendered HTML.


Slight change in behavior but showing Error: in an error overlay feels a bit redundant

ztanner · 2024-09-05T21:07:27Z

packages/next/src/client/components/react-dev-overlay/internal/container/Errors.tsx

@@ -307,7 +307,9 @@ export function Errors({
              {/* If there's hydration warning, skip displaying the error name */}
              {hydrationWarning ? '' : error.name + ': '}
              <HotlinkedText
-                text={hydrationWarning || error.message}
+                text={
+                  isAppDir ? hydrationWarning || error.message : error.message


Reverts the Errors.tsx changes from:

Apply react 19 stack and diff #65276

to match the React 18 behavior when not in app dir

ijjk · 2024-09-05T21:08:34Z

Failing test suites

Commit: f7a2265

pnpm test test/production/pages-dir/production/test/index.test.ts

Production Usage > should output traces

Expand output

● Production Usage › should output traces

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

Expected: true
Received: false

  285 |           return false
  286 |         })
> 287 |       ).toBe(true)
      |         ^
  288 |
  289 |       if (sep === '/') {
  290 |         expect(

  at Object.toBe (production/pages-dir/production/test/index.test.ts:287:9)

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

TURBOPACK=1 pnpm test test/integration/module-id-strategies/test/index.test.js (turbopack)

minified module ids > production mode > should have no long module ids for basic modules
minified module ids > production mode > should have no long module ids for external modules
minified module ids > production mode > should have no long module ids for async loader modules
minified module ids > production mode > should have no long module id for the next client runtime module

Expand output

● minified module ids › production mode › should have no long module ids for basic modules

command failed with code 1 signal null
 ⚠ Linting is disabled.
  ▲ Next.js 15.0.0-canary.142 (turbo)

   Checking validity of types ...
   Creating an optimized production build ...
   Building (0/2) ...
 ✓ Building (2/2)
 ✓ Compiled successfully
   Collecting page data ...
   Generating static pages (0/3) ...
Error: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=%5Bobject%20Promise%5D for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

  289 |                     // If prerenderEarlyExit is enabled, we'll exit the build immediately.
  290 |                     if (nextConfig.experimental.prerenderEarlyExit) {
> 291 |                         throw new ExportPageError(`Export encountered an error on ${pageKey}, exiting the build.`);
      |                               ^
  292 |                     } else {
  293 |                     // Otherwise, this is a no-op. The build will continue, and a summary of failed pages will be displayed at the end.
  294 |                     }

  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:490)
  at Zc (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:481)
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
  at Zc (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:73:476)
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
  at $c (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
  at bd (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:77:404)
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:217)
  at $c (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
  at Zc (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:71:145)
  Error occurred prerendering page "/". Read more: https://nextjs.org/docs/messages/prerender-error
  Error: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=%5Bobject%20Promise%5D for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:490)
  at Zc (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:481)
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
  at Zc (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:73:476)
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
  at $c (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
  at bd (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:77:404)
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:217)
  at $c (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
  at Zc (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:71:145)
  Failed to build / after 1 attempts.
  > Build error occurred
  Error: Export encountered an error on /, exiting the build.
  at exportPageWithRetry (../packages/next/dist/export/worker.js:291:31)
      at async Promise.all (index 0)
  at async Object.exportPages (../packages/next/dist/export/worker.js:315:31) {
    type: 'ExportPageError',
    code: 'NEXT_EXPORT_PAGE_ERROR'
  }
  at ChildProcess.<anonymous> (lib/next-test-utils.ts:310:11)

● minified module ids › production mode › should have no long module ids for external modules

command failed with code 1 signal null
 ⚠ Linting is disabled.
  ▲ Next.js 15.0.0-canary.142 (turbo)

   Checking validity of types ...
   Creating an optimized production build ...
   Building (0/2) ...
 ✓ Building (2/2)
 ✓ Compiled successfully
   Collecting page data ...
   Generating static pages (0/3) ...
Error: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=%5Bobject%20Promise%5D for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

  289 |                     // If prerenderEarlyExit is enabled, we'll exit the build immediately.
  290 |                     if (nextConfig.experimental.prerenderEarlyExit) {
> 291 |                         throw new ExportPageError(`Export encountered an error on ${pageKey}, exiting the build.`);
      |                               ^
  292 |                     } else {
  293 |                     // Otherwise, this is a no-op. The build will continue, and a summary of failed pages will be displayed at the end.
  294 |                     }

  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:490)
  at Zc (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:481)
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
  at Zc (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:73:476)
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
  at $c (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
  at bd (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:77:404)
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:217)
  at $c (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
  at Zc (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:71:145)
  Error occurred prerendering page "/". Read more: https://nextjs.org/docs/messages/prerender-error
  Error: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=%5Bobject%20Promise%5D for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:490)
  at Zc (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:481)
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
  at Zc (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:73:476)
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
  at $c (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
  at bd (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:77:404)
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:217)
  at $c (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
  at Zc (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:71:145)
  Failed to build / after 1 attempts.
  > Build error occurred
  Error: Export encountered an error on /, exiting the build.
  at exportPageWithRetry (../packages/next/dist/export/worker.js:291:31)
      at async Promise.all (index 0)
  at async Object.exportPages (../packages/next/dist/export/worker.js:315:31) {
    type: 'ExportPageError',
    code: 'NEXT_EXPORT_PAGE_ERROR'
  }
  at ChildProcess.<anonymous> (lib/next-test-utils.ts:310:11)

● minified module ids › production mode › should have no long module ids for async loader modules

command failed with code 1 signal null
 ⚠ Linting is disabled.
  ▲ Next.js 15.0.0-canary.142 (turbo)

   Checking validity of types ...
   Creating an optimized production build ...
   Building (0/2) ...
 ✓ Building (2/2)
 ✓ Compiled successfully
   Collecting page data ...
   Generating static pages (0/3) ...
Error: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=%5Bobject%20Promise%5D for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

  289 |                     // If prerenderEarlyExit is enabled, we'll exit the build immediately.
  290 |                     if (nextConfig.experimental.prerenderEarlyExit) {
> 291 |                         throw new ExportPageError(`Export encountered an error on ${pageKey}, exiting the build.`);
      |                               ^
  292 |                     } else {
  293 |                     // Otherwise, this is a no-op. The build will continue, and a summary of failed pages will be displayed at the end.
  294 |                     }

  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:490)
  at Zc (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:481)
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
  at Zc (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:73:476)
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
  at $c (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
  at bd (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:77:404)
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:217)
  at $c (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
  at Zc (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:71:145)
  Error occurred prerendering page "/". Read more: https://nextjs.org/docs/messages/prerender-error
  Error: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=%5Bobject%20Promise%5D for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:490)
  at Zc (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:481)
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
  at Zc (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:73:476)
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
  at $c (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
  at bd (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:77:404)
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:217)
  at $c (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
  at Zc (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:71:145)
  Failed to build / after 1 attempts.
  > Build error occurred
  Error: Export encountered an error on /, exiting the build.
  at exportPageWithRetry (../packages/next/dist/export/worker.js:291:31)
      at async Promise.all (index 0)
  at async Object.exportPages (../packages/next/dist/export/worker.js:315:31) {
    type: 'ExportPageError',
    code: 'NEXT_EXPORT_PAGE_ERROR'
  }
  at ChildProcess.<anonymous> (lib/next-test-utils.ts:310:11)

● minified module ids › production mode › should have no long module id for the next client runtime module

command failed with code 1 signal null
 ⚠ Linting is disabled.
  ▲ Next.js 15.0.0-canary.142 (turbo)

   Checking validity of types ...
   Creating an optimized production build ...
   Building (0/2) ...
 ✓ Building (2/2)
 ✓ Compiled successfully
   Collecting page data ...
   Generating static pages (0/3) ...
Error: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=%5Bobject%20Promise%5D for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

  289 |                     // If prerenderEarlyExit is enabled, we'll exit the build immediately.
  290 |                     if (nextConfig.experimental.prerenderEarlyExit) {
> 291 |                         throw new ExportPageError(`Export encountered an error on ${pageKey}, exiting the build.`);
      |                               ^
  292 |                     } else {
  293 |                     // Otherwise, this is a no-op. The build will continue, and a summary of failed pages will be displayed at the end.
  294 |                     }

  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:490)
  at Zc (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:481)
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
  at Zc (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:73:476)
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
  at $c (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
  at bd (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:77:404)
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:217)
  at $c (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
  at Zc (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:71:145)
  Error occurred prerendering page "/". Read more: https://nextjs.org/docs/messages/prerender-error
  Error: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=%5Bobject%20Promise%5D for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:490)
  at Zc (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:481)
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
  at Zc (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:73:476)
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
  at $c (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
  at bd (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:77:404)
  at Z (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:217)
  at $c (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
  at Zc (../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:71:145)
  Failed to build / after 1 attempts.
  > Build error occurred
  Error: Export encountered an error on /, exiting the build.
  at exportPageWithRetry (../packages/next/dist/export/worker.js:291:31)
      at async Promise.all (index 0)
  at async Object.exportPages (../packages/next/dist/export/worker.js:315:31) {
    type: 'ExportPageError',
    code: 'NEXT_EXPORT_PAGE_ERROR'
  }
  at ChildProcess.<anonymous> (lib/next-test-utils.ts:310:11)

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

TURBOPACK=1 pnpm test-dev test/e2e/getserversideprops/test/index.test.ts (turbopack)

getServerSideProps > should dedupe server data requests

Expand output

● getServerSideProps › should dedupe server data requests

elementHandle.click: Element is not attached to the DOM
Call log:
  - attempting click action
  -   waiting for element to be visible, enabled and stable
  -   element is visible, enabled and stable
  -   scrolling into view if needed
  -   done scrolling
  -   <nextjs-portal></nextjs-portal> intercepts pointer events
  - retrying click action, attempt #1
  -   waiting for element to be visible, enabled and stable
  -   element is visible, enabled and stable
  -   scrolling into view if needed
  -   done scrolling
  -   <nextjs-portal></nextjs-portal> intercepts pointer events
  - retrying click action, attempt #2
  -   waiting 20ms
  -   waiting for element to be visible, enabled and stable
  -   element is visible, enabled and stable
  -   scrolling into view if needed
  -   done scrolling
  -   <nextjs-portal></nextjs-portal> intercepts pointer events
  - retrying click action, attempt #3
  -   waiting 100ms
  -   waiting for element to be visible, enabled and stable
  -   element is visible, enabled and stable
  -   scrolling into view if needed
  -   done scrolling
  -   <nextjs-portal></nextjs-portal> intercepts pointer events
  - retrying click action, attempt #4
  -   waiting 100ms
  -   waiting for element to be visible, enabled and stable
  -   element is visible, enabled and stable
  -   scrolling into view if needed
  -   done scrolling
  -   <nextjs-portal></nextjs-portal> intercepts pointer events
  - retrying click action, attempt #5
  -   waiting 500ms
  -   waiting for element to be visible, enabled and stable

  394 |   click() {
  395 |     return this.chain((el: ElementHandleExt) => {
> 396 |       return el.click().then(() => el)
      |                 ^
  397 |     })
  398 |   }
  399 |

  at click (lib/browsers/playwright.ts:396:17)
  at Object.<anonymous> (e2e/getserversideprops/test/index.test.ts:680:5)

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

ztanner · 2024-09-05T21:21:10Z

test/development/acceptance/hydration-error-react-19.test.ts

@@ -4,7 +4,8 @@ import { FileRef, nextTestSetup } from 'e2e-utils'
 import { outdent } from 'outdent'
 import path from 'path'

-describe('Error overlay for hydration errors (React 19)', () => {
+// TODO: Enable once React 19 support is added to pages.
+describe.skip('Error overlay for hydration errors (React 19)', () => {


This can't run because we throw in pages if 18 is used

Matches the same guard we added in [`f06d21e` (#69484)](f06d21e)

Re-lands hydration support for React 18 errors by reverting some things that were part of #65058. Annotated specific parts with comments.

ijjk added created-by: Next.js team PRs by the Next.js team. tests type: next labels Sep 5, 2024

ztanner force-pushed the 09-05-re-add_hydration_support_to_react_18_errors branch from f20e3c5 to e7a914c Compare September 5, 2024 21:01

ztanner commented Sep 5, 2024

View reviewed changes

ztanner force-pushed the 09-05-re-add_hydration_support_to_react_18_errors branch from e7a914c to 81ceea6 Compare September 5, 2024 21:05

ztanner commented Sep 5, 2024

View reviewed changes

ztanner force-pushed the 09-05-re-add_hydration_support_to_react_18_errors branch from 81ceea6 to 546d978 Compare September 5, 2024 21:17

ztanner changed the base branch from sebbie/08-30-react-sync_cleanup_inaccurate_peer_dependencies to canary September 5, 2024 21:17

ztanner force-pushed the 09-05-re-add_hydration_support_to_react_18_errors branch from 546d978 to 39fa29b Compare September 5, 2024 21:19

ijjk added create-next-app Related to our CLI tool for quickly starting a new Next.js application. examples Issue/PR related to examples labels Sep 5, 2024

ztanner changed the base branch from canary to sebbie/08-30-react-sync_cleanup_inaccurate_peer_dependencies September 5, 2024 21:19

ztanner force-pushed the 09-05-re-add_hydration_support_to_react_18_errors branch from 39fa29b to 4360de1 Compare September 5, 2024 21:20

ztanner commented Sep 5, 2024

View reviewed changes

re-add hydration support to React 18 errors

f7a2265

ztanner force-pushed the 09-05-re-add_hydration_support_to_react_18_errors branch from 4360de1 to f7a2265 Compare September 5, 2024 21:30

ztanner marked this pull request as ready for review September 5, 2024 21:47

ztanner requested a review from huozhi September 5, 2024 21:47

This was referenced Sep 5, 2024

update pages-dir test for React 18 assertions #69759

Merged

fix erroneous async component in integration test #69760

Merged

huozhi approved these changes Sep 5, 2024

View reviewed changes

update pages-dir test for React 18 assertions (#69759)

d2eaa44

Matches the same guard we added in [`f06d21e` (#69484)](f06d21e)

ztanner merged commit 1de62ed into sebbie/08-30-react-sync_cleanup_inaccurate_peer_dependencies Sep 5, 2024
18 of 23 checks passed

ztanner deleted the 09-05-re-add_hydration_support_to_react_18_errors branch September 5, 2024 22:38

ztanner added a commit that referenced this pull request Sep 6, 2024

re-add hydration support to React 18 errors (#69757)

ab6d521

Re-lands hydration support for React 18 errors by reverting some things that were part of #65058. Annotated specific parts with comments.

ztanner added a commit that referenced this pull request Sep 9, 2024

re-add hydration support to React 18 errors (#69757)

f27d615

Re-lands hydration support for React 18 errors by reverting some things that were part of #65058. Annotated specific parts with comments.

ztanner mentioned this pull request Sep 9, 2024

[do not merge] run stats for #69484 #69895

Closed

github-actions bot added the locked label Sep 25, 2024

github-actions bot locked as resolved and limited conversation to collaborators Sep 25, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

re-add hydration support to React 18 errors #69757

re-add hydration support to React 18 errors #69757

ztanner commented Sep 5, 2024 •

edited

Loading

ztanner commented Sep 5, 2024 •

edited

Loading

ztanner Sep 5, 2024

ztanner Sep 5, 2024

ztanner Sep 5, 2024

ztanner Sep 5, 2024

ijjk commented Sep 5, 2024 •

edited

Loading

ztanner Sep 5, 2024

re-add hydration support to React 18 errors #69757

re-add hydration support to React 18 errors #69757

Conversation

ztanner commented Sep 5, 2024 • edited Loading

ztanner commented Sep 5, 2024 • edited Loading

ztanner Sep 5, 2024

Choose a reason for hiding this comment

ztanner Sep 5, 2024

Choose a reason for hiding this comment

ztanner Sep 5, 2024

Choose a reason for hiding this comment

ztanner Sep 5, 2024

Choose a reason for hiding this comment

ijjk commented Sep 5, 2024 • edited Loading

Failing test suites

ztanner Sep 5, 2024

Choose a reason for hiding this comment

ztanner commented Sep 5, 2024 •

edited

Loading

ztanner commented Sep 5, 2024 •

edited

Loading

ijjk commented Sep 5, 2024 •

edited

Loading