useIsFirstRender

Category

Lifecycle

Export Size

124 B

Last Changed

5 days ago

true on the very first render of a component instance and false on every render after it.

Demo

Usage

import { useIsFirstRender } from '@reause/shared'
import { useEffect } from 'react'

function Query() {
  const isFirstRender = useIsFirstRender()

  useEffect(() => {
    // skip the mount render, then react to every change after it
    if (!isFirstRender)
      refetch()
  }, [deps])
}

Type Declarations

export function useIsFirstRender(): boolean

Source

Source · Demo · Mantine

Contributors

Changelog

v0.1.7 on

8ade2 - feat(shared): add useIsFirstRender (#940)