Back to React Use

`useFirstMountState`

docs/useFirstMountState.md

17.6.0588 B
Original Source

useFirstMountState

Returns true if component is just mounted (on first render) and false otherwise.

Usage

typescript
import * as React from 'react';
import { useFirstMountState } from 'react-use';

const Demo = () => {
  const isFirstMount = useFirstMountState();
  const update = useUpdate();

  return (
    <div>
      <span>This component is just mounted: {isFirstMount ? 'YES' : 'NO'}</span>
      

      <button onClick={update}>re-render</button>
    </div>
  );
};

Reference

typescript
const isFirstMount: boolean = useFirstMountState();