useIsFirstRender

Check if it's the first render.

Utility

API Reference

terminal

pnpm add @shak-hooks/usehooks

import.ts

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

Source: packages/react/src/useIsFirstRender.ts

signature.ts

export function useIsFirstRender()

No parameters.

unknown

use-is-first-render.ts

1import { useRef } from "react";

3export function useIsFirstRender(): boolean {

4 const isFirst = useRef(true);

6 if (isFirst.current) {

7 isFirst.current = false;

8 return true;

9 }

11 return false;

12}

Google Ads

example.tsx

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

3const result = useIsFirstRender();

4// result: unknown

5// Use values directly (React state).