team/packages/lib/hooks/useDebounce.ts

import { useState, useEffect } from 'react'

export const useDebounce = <T = any>(value: T, delay: number = 200): T => {
    const [debouncedValue, setDebouncedValue] = useState(value)

    useEffect(() => {
        const handler = setTimeout(() => {
            setDebouncedValue(value)
        }, delay)

        return () => {
            clearTimeout(handler)
        }
    }, [value, delay])

    return debouncedValue
}