useDebounce

debounce機能を提供するcustom Hooks

もう使用していないので切り出した

code:useDebounce.ts

import { useState, useEffect } from "../preact/hooks.ts";

export const useDebounce = <T>(value: T, interval: number): T => {

const debounced, setValue = useState<T>(value);

const timer, setTimer = useState<number | undefined>(undefined);

useEffect(

() => setTimer((old) => {

clearTimeout(old);

return setTimeout(() => setValue(value), interval);

}),

);

return debounced;

};