useIsClient

Lifecycle & refs

Returns true once the component has hydrated on the client (SSR-safe)

Install

$ npm install @usefy/use-is-client

useIsClient.tsx

import { useIsClient } from "@usefy/use-is-client";

const isClient = useIsClient();
return isClient ? <ClientOnly /> : <ServerFallback />;

useIsClient(): boolean — false on the server and the first render, true after hydration.

This page is the quick reference. For every example, prop, and edge case, read the full README — or open Storybook to change props live.