use-is-first-render

Since: ver.12.2.0

This is a handy hook that will return true for the first render call of the component and false for all subsequent renders.

This hook is useful if you want to execute some logic only once in the first render.

import { Heading, Button, useIsFirstRender } from '@flixbus/honeycomb-react';

const isFirstRender = useIsFirstRender();
const [count, setCount] = React.useState(0);

<div>
  <Heading size={1}>{isFirstRender ? 'First render' : 'Not first render'} {count}</Heading>
  <Button type="button" onClick={() => setCount((prev) => prev + 1)}>
    Rerender
  </Button>
</div>
import { Heading, Button, useIsFirstRender } from '@flixbus/honeycomb-react';

const isFirstRender = useIsFirstRender();
const [count, setCount] = React.useState(0);

<div>
  <Heading size={1}>{isFirstRender ? 'First render' : 'Not first render'} {count}</Heading>
  <Button type="button" onClick={() => setCount((prev) => prev + 1)}>
    Rerender
  </Button>
</div>