React hook for setTimeout

useTimeout.js

import { useEffect, useRef, useState } from 'react'

// The callback should setState so it will re trigger the timeout
function useTimeout(callback, delay) {
    const savedCallback = useRef()
    const [callBackCleanUp, setCallBackCleanUp] = useState(null)
    // Remember the latest callback.
    useEffect(() => {
        savedCallback.current = callback
    }, [callback])

    // Set up the timeout.
    useEffect(() => {
        function tick() {
            let cleanUp = savedCallback.current()
            setCallBackCleanUp(cleanUp)
        }
        if (delay !== null) {
            let id = setTimeout(tick, delay)
            return () => {
                if (typeof callBackCleanUp === 'function') callBackCleanUp()
                clearInterval(id)
            }
        }
    })
}

export default useTimeout