Adjust error overlay impl now that React removed the "Warning: " prefix

vercel · Jul 12, 2024 · abbf412 · abbf412
1 parent 90f458a
commit abbf412
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/...ges/next/src/client/components/react-dev-overlay/internal/helpers/hydration-error-info.ts b/...ges/next/src/client/components/react-dev-overlay/internal/helpers/hydration-error-info.ts
@@ -17,19 +17,19 @@ export const hydrationErrorState: HydrationErrorState = {}
 
 // https://github.com/facebook/react/blob/main/packages/react-dom/src/__tests__/ReactDOMHydrationDiff-test.js used as a reference
 const htmlTagsWarnings = new Set([
-  'Warning: In HTML, %s cannot be a child of <%s>.%s\nThis will cause a hydration error.%s',
-  'Warning: In HTML, %s cannot be a descendant of <%s>.\nThis will cause a hydration error.%s',
-  'Warning: In HTML, text nodes cannot be a child of <%s>.\nThis will cause a hydration error.',
-  "Warning: In HTML, whitespace text nodes cannot be a child of <%s>. Make sure you don't have any extra whitespace between tags on each line of your source code.\nThis will cause a hydration error.",
-  'Warning: Expected server HTML to contain a matching <%s> in <%s>.%s',
-  'Warning: Did not expect server HTML to contain a <%s> in <%s>.%s',
+  'In HTML, %s cannot be a child of <%s>.%s\nThis will cause a hydration error.%s',
+  'In HTML, %s cannot be a descendant of <%s>.\nThis will cause a hydration error.%s',
+  'In HTML, text nodes cannot be a child of <%s>.\nThis will cause a hydration error.',
+  "In HTML, whitespace text nodes cannot be a child of <%s>. Make sure you don't have any extra whitespace between tags on each line of your source code.\nThis will cause a hydration error.",
+  'Expected server HTML to contain a matching <%s> in <%s>.%s',
+  'Did not expect server HTML to contain a <%s> in <%s>.%s',
 ])
 const textAndTagsMismatchWarnings = new Set([
-  'Warning: Expected server HTML to contain a matching text node for "%s" in <%s>.%s',
-  'Warning: Did not expect server HTML to contain the text node "%s" in <%s>.%s',
+  'Expected server HTML to contain a matching text node for "%s" in <%s>.%s',
+  'Did not expect server HTML to contain the text node "%s" in <%s>.%s',
 ])
 const textMismatchWarning =
-  'Warning: Text content did not match. Server: "%s" Client: "%s"%s'
+  'Text content did not match. Server: "%s" Client: "%s"%s'
 
 export const getHydrationWarningType = (
   msg: NullableText