react-use-inactivity.jsx

import { useEffect, useState } from 'react';
import createActivityDetector from 'activity-detector';

// inspired by https://egghead.io/lessons/react-detect-user-activity-with-a-custom-useidle-react-hook
export const useInactivity = (options) => {
  const [isIdle, setIsIdle] = useState(false);

  useEffect(() => {
    const activityDetector = createActivityDetector(options);

    activityDetector.on('idle', () => setIsIdle(true));
    activityDetector.on('active', () => setIsIdle(false));

    return () => activityDetector.stop();
  }, []);

  return isIdle;
};