Small hook to check if the user has been inactive for x hours it will reload the page

useInactivityTimeout.tsx

import { useEffect, useRef } from 'react';

const useInactivityTimeout = (timeoutInHours) => {
  const timeoutInMillis = timeoutInHours * 60 * 60 * 1000;
  const timer = useRef(null);

  useEffect(() => {
    if (navigator.userActivation) {
      if(navigator.userActivation.isActive){        
        if (timer.current) {
          clearTimeout(timer.current);
        }
      } else {
        timer.current = setTimeout(() => {
          window.location.reload();
        }, timeoutInMillis);
      }
    }

    return () => {
      if (timer.current) {
        clearTimeout(timer.current);
      }
     
    };
  }, [timeoutInMillis]);
};

export default useInactivityTimeout;