useIsClient

Check if the code is running on the client.

Utility

API Reference

terminal

pnpm add @shak-hooks/usehooks

import.ts

import { useIsClient } from "@shak-hooks/usehooks";

Source: packages/react/src/useIsClient.ts

signature.ts

export function useIsClient()

No parameters.

unknown

use-is-client.ts

1import { useState, useEffect } from "react";

3export function useIsClient() {

4 const [isClient, setIsClient] = useState(false);

6 useEffect(() => {

7 setIsClient(true);

8 }, []);

10 return isClient;

11}

Google Ads

example.tsx

1import { useIsClient } from "@shak-hooks/usehooks";

3const result = useIsClient();

4// result: unknown

5// Use values directly (React state).