fix(core): add newline to hydration mismatch error (#49965)

thePunderWoman · dylhunn · commit be104ec6edc2 · 2023-04-24T09:52:45.000-07:00
This adds a newline after the hydration mismatch errors to provide more separation and readability. PR Close #49965
diff --git a/packages/core/src/hydration/error_handling.ts b/packages/core/src/hydration/error_handling.ts
@@ -169,7 +169,7 @@ export function invalidSkipHydrationHost(rNode: RNode): Error {
       'that doesn\'t act as a component host. Hydration can be ' +
       'skipped only on per-component basis.\n\n';
   const actual = `${describeDomFromNode(rNode)}\n\n`;
-  const footer = 'Please move the `ngSkipHydration` attribute to the component host element.';
+  const footer = 'Please move the `ngSkipHydration` attribute to the component host element.\n\n';
   const message = header + actual + footer;
   return new RuntimeError(RuntimeErrorCode.INVALID_SKIP_HYDRATION_HOST, message);
 }
@@ -366,7 +366,7 @@ function getHydrationErrorFooter(componentClassName?: string): string {
   return `To fix this problem:\n` +
       `  * check ${componentInfo} component for hydration-related issues\n` +
       `  * or skip hydration by adding the \`ngSkipHydration\` attribute ` +
-      `to its host node in a template`;
+      `to its host node in a template\n\n`;
 }
 
 /**
