react-use/docs/useIdle.md

useIdle

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

Requires throttle-debounce:

npm add throttle-debounce
# or
yarn add throttle-debounce

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.