useDebounce
Hook de debounce genérico.
Instalação
npx @kobana/ui add use-debounceImportação
import { useDebounce } from "@/hooks/use-debounce"API
const debouncedValue = useDebounce(value, delay)Parâmetros
| Parâmetro | Tipo | Default | Descrição |
|---|---|---|---|
value | T | — | Valor a ser debounced |
delay | number | 300 | Delay em ms |
Return
Retorna o valor debounced do tipo T.
Uso
const [search, setSearch] = useState("")
const debouncedSearch = useDebounce(search, 300)
useEffect(() => {
// Chamado apenas após 300ms sem digitação
fetchResults(debouncedSearch)
}, [debouncedSearch])