Something went wrong. Try again.
Bluesky app fork with some witchin' additions 💫
Something went wrong. Try again.
793 B · 32 lines
TypeScript
at main
123456789101112131415161718192021222324252627282930313233import {useCallback, useEffect, useRef} from 'react'
/** * Helper hook to run persistent timers on views */export function useTimer(time: number, handler: () => void) { const timer = useRef<undefined | NodeJS.Timeout>(undefined)
// function to restart the timer const reset = useCallback(() => { if (timer.current) { clearTimeout(timer.current) } timer.current = setTimeout(handler, time) }, [time, timer, handler])
// function to cancel the timer const cancel = useCallback(() => { if (timer.current) { clearTimeout(timer.current) timer.current = undefined } }, [timer])
// start the timer immediately useEffect(() => { reset() // eslint-disable-next-line react-hooks/exhaustive-deps }, [])
return [reset, cancel]}