useFirstRender()

The useFirstRender() hook lets you detect whether or not the component you use it on is on its initial render, it returns a boolean value with the result.

Import

import { useFirstRender } from 'react-haiku';

Usage

First Render? - Yes

import { useFirstRender, useUrgentUpdate } from "react-haiku"

export const Component = () => {
    const isFirst = useFirstRender()
    const update = useUrgentUpdate();

    return (
        <>
            <b>First Render? - {isFirst ? 'Yes' : 'No'}</b>
            <button onClick={update}>Trigger Re-Render</button>
        </>
    );
}