hydration_html_changed() — svelte Function Reference

Architecture documentation for the hydration_html_changed() function in warnings.js from the svelte codebase.

Function javascript ClientRuntime Hydration called by 1

Entity Profile

ClientRuntime→ Hydration→ hydration_html_changed() — svelte Function Reference

Dependency Diagram

graph TD
  d18fdc96_52d4_5592_e1b0_bac74c7e8e80["hydration_html_changed()"]
  df278ca2_0a6c_fefe_09f2_b397500fe3c2["warnings.js"]
  d18fdc96_52d4_5592_e1b0_bac74c7e8e80 -->|defined in| df278ca2_0a6c_fefe_09f2_b397500fe3c2
  561f74af_4827_cde5_aa05_c2b8149b0a0f["check_hash()"]
  561f74af_4827_cde5_aa05_c2b8149b0a0f -->|calls| d18fdc96_52d4_5592_e1b0_bac74c7e8e80
  style d18fdc96_52d4_5592_e1b0_bac74c7e8e80 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/client/warnings.js lines 120–132

export function hydration_html_changed(location) {
	if (DEV) {
		console.warn(
			`%c[svelte] hydration_html_changed\n%c${location
				? `The value of an \`{@html ...}\` block ${location} changed between server and client renders. The client value will be ignored in favour of the server value`
				: 'The value of an `{@html ...}` block changed between server and client renders. The client value will be ignored in favour of the server value'}\nhttps://svelte.dev/e/hydration_html_changed`,
			bold,
			normal
		);
	} else {
		console.warn(`https://svelte.dev/e/hydration_html_changed`);
	}
}