[]previous and next page

serializeHydrationData

Hydration data as text for an inline <script type="application/json">.

Hydration data as text for an inline <script type="application/json">. <, >, &, U+2028 and U+2029 are written as escapes, so no value can end the script element or change what the parser reads. The text parses with JSON.parse and contains no executable code.

Import#

ts
import { serializeHydrationData } from "@shadow-js/router";

Signature#

ts
function serializeHydrationData(data: HydrationData): string

Parameters#

Name Description
data The data from router.dehydrate().

Returns#

JSON text, safe inside a script element.

Examples#

ts
const html = `<script type="application/json" id="__shadow_data">${serializeHydrationData(router.dehydrate())}</script>`;