// Not the best, but doesn't have <any> types,
// the `let timer` has, but the eslint won't complicate
export default function (fn: () => void, delay = 300) {
let timer
return (() => {
clearTimeout(timer)
timer = setTimeout(() => fn(), delay)
})()
}
const debounce = <F extends (...args: any[]) => any>(
func: F,
waitFor: number
) => {
let timeout: ReturnType<typeof setTimeout> | null = null
const debounced = (...args: Parameters<F>) => {
if (timeout !== null) {
clearTimeout(timeout)
timeout = null
}
timeout = setTimeout(() => func(...args), waitFor)
}
return debounced as (...args: Parameters<F>) => ReturnType<F>
}
// Usage
const debounceCallback = () => {
console.log('Debounce')
}
debounce<typeof debounceCallback>(debounceCallback, 500)