use-debounce

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