use-throttle

1import { useEffect, useState } from 'react'
2import { useThrottleFn } from '@/registry/hooks/use-throttle-fn'
3import type { ThrottleOptions } from '@/registry/hooks/use-throttle-fn'
4 
5export function useThrottle<T>(
6  value: T,
7  throttleMs?: number,
8  options?: ThrottleOptions,
9) {
10  const [throttledValue, setThrottledValue] = useState<T>(value)
11 
12  const { run } = useThrottleFn(
13    () => {
14      setThrottledValue(value)
15    },
16    throttleMs,
17    options,
18  )
19 
20  useEffect(() => {
21    run()
22  }, [value, run])
23 
24  return throttledValue
25}