useTimeout React hook

useTimeout.js

const useTimeout = (delay) => {
  const [ timeoutFunc, setFunction ] = useState(null);

  useEffect(
    () => {
      if (!timeoutFunc) {
        return;
      }

      let mounted = true;

      const timeoutId = setTimeout(() => {
        if (mounted) {
          timeoutFunc();
        }
      }, delay);

      return () => {
        mounted = false;
        clearTimeout(timeoutId);
      };
    },
    [ delay, timeoutFunc ]
  );

  return {
    started: !!timeoutFunc,
    setFunction,
  };
};