useSetTimeout.js

function useSetTimeout(callback, delay) {
  const savedCallback = useRef()
  const savedTimeout = useRef(() => {})

  function runTimeout() {
    savedTimeout.current()
  }
  useEffect(() => {
    savedCallback.current = callback;
  }, [callback]);
  
  useEffect(() => {
    function out() {
      savedCallback.current()
    }

    if (delay !== null) {
      let id = null
      savedTimeout.current = () => {
        id = setTimeout(out, delay)
      }
      return () => clearTimeout(id)
    }
    
    savedTimeout.current = () => {}
    return () => {}
  }, [delay])
  
  return runTimeout
}

useTimeout.js

function useTimeout() {
  const [delay, setDelay] = useState(null)
  const savedCallback = useRef()
  
  function runTimeout(callback, d) {
    savedCallback.current = callback
    setDelay(d)
  }
  
  useEffect(() => {
    function out() {
      savedCallback.current()
    }

    if (delay !== null) {
      const id = setTimeout(out, delay)
      return () => {
        clearTimeout(id)
        setDelay(null)
      }
    }
  }, [delay])
  
  return runTimeout
}