useIdle

February 21, 2019 ยท View on GitHub

React sensor hook that tracks if user on the page is idle.

Usage

import {useIdle} from 'react-use';

const Demo = () => {
  const isIdle = useIdle(3e3);

  return (
    <div>
      <div>User is idle: {isIdle ? 'Yes ๐Ÿ˜ด' : 'Nope'}</div>
    </div>
  );
};

Reference

useIdle(ms, initialState);
  • ms โ€” time in milliseconds after which to consider use idle, defaults to 60e3 โ€” one minute.
  • initialState โ€” whether to consider user initially idle, defaults to false.