Documentation

useIsClient

Check if code is running on client for SSR-safe rendering.

Installation

pnpm add @rouf-dev/pantheon-ui

Usage

"use client";

import { useIsClient } from "@rouf-dev/pantheon-ui";

export function ClientOnlyComponent() {
  const isClient = useIsClient();

  if (!isClient) {
    return <div>Loading...</div>;
  }

  return <div>Client-side content: {window.location.href}</div>;
}

Return Value

isClient: Boolean indicating if code is running on client