Solid
Advanced / Manual Hydration

NoHydration

Disables hydration for its children on the client. During hydration, skips the subtree entirely (returns undefined so DOM is left untouched). After hydration, renders children fresh.

Import

import { NoHydration } from "solid-js";

Type signature

function NoHydration(props: { children: SolidElement }): SolidElement;

Examples

// Mount a client-only widget that the server didn't render. The subtree
// is left empty during hydration, then renders fresh once hydration ends.
<NoHydration>
  <ClientOnlyMap />
</NoHydration>
Last updated: 7/4/26, 6:21 PMEdit this pageReport an issue with this page