Handle new hydration message format

Author: eps1lon

packages/next/src/client/components/is-hydration-error.ts

@@ -1,12 +1,13 @@
 import isError from '../../lib/is-error'
 
 const hydrationErrorRegex =
-  /hydration failed|while hydrating|content does not match|did not match|HTML didn't match/i
+  /hydration failed|while hydrating|content does not match|did not match|HTML didn't match|text didn't match/i
 
 const reactUnifiedMismatchWarning = `Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:`
 
 const reactHydrationStartMessages = [
   reactUnifiedMismatchWarning,
+  `Hydration failed because the server rendered text didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:`,
   `A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:`,
 ]
 

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

@@ -73,6 +73,7 @@ describe('Error overlay for hydration errors in App router', () => {
 
     expect(await getRedboxTotalErrorCount(browser)).toBe(1)
 
+    // TODO(veil): Should be "rendered text"
     expect(await session.getRedboxDescription()).toMatchInlineSnapshot(
       `"Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:"`
     )

test/production/allow-development-build/allow-development-build.test.ts

@@ -37,9 +37,14 @@ describe('allow-development-build', () => {
             expect.arrayContaining([
               {
                 message: expect.toBeOneOf([
-                  expect.stringContaining(
-                    "Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client."
-                  ),
+                  expect.toBeOneOf([
+                    expect.stringContaining(
+                      "Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client."
+                    ),
+                    expect.stringContaining(
+                      "Hydration failed because the server rendered text didn't match the client. As a result this tree will be regenerated on the client."
+                    ),
+                  ]),
                   expect.stringContaining(
                     'There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch to client rendering.'
                   ),