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: SolidElement;
}): SolidElement;

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>

Last updated: 7/4/26, 6:21 PMEdit this pageReport an issue with this page