use-interval

1import { useCallback, useEffect, useRef } from 'react'
2import { useMemoizedFn } from '@/registry/hooks/use-memoized-fn'
3 
4export function useInterval(
5  fn: () => void,
6  delay?: number,
7  options?: { immediate?: boolean },
8) {
9  const fnRef = useMemoizedFn(fn)
10  const timerRef = useRef<number | null>(null)
11 
12  const clear = useCallback(() => {
13    if (timerRef.current) {
14      clearInterval(timerRef.current)
15      timerRef.current = null
16    }
17  }, [])
18 
19  useEffect(() => {
20    if (!(typeof delay === 'number') || delay < 0) {
21      return
22    }
23 
24    if (options?.immediate) {
25      fnRef()
26    }
27 
28    timerRef.current = window.setInterval(fnRef, delay)
29 
30    return () => {
31      clear()
32    }
33  }, [delay, options?.immediate, fnRef, clear])
34 
35  return clear
36}