Advanced / Manual Hydration

Hydration

Re-enables hydration within a <NoHydration> zone (passthrough on the client). Use it to opt a subtree back into hydration when the surrounding region was opted out.


Import

import { Hydration } from "solid-js";

Type signature

function Hydration(props: { id?: string; children: JSX.Element }): JSX.Element;

Props

id

  • Type: string
  • Optional

children

  • Type: JSX.Element

Examples

// Inside a `<NoHydration>` region, re-enable hydration for one inner
// subtree that does need to match a server-rendered fragment.
<NoHydration>
<ClientOnlyShell>
<Hydration>
<ServerHydratedWidget />
</Hydration>
</ClientOnlyShell>
</NoHydration>

Learn more

Last updated: 9/27/26, 8:11 AMEdit this pageReport an issue with this page