misc_pterodactyl-panel/resources/scripts/plugins/useDebouncedState.ts
2022-12-15 19:06:14 -07:00

12 lines
423 B
TypeScript

import { useState } from 'react';
import { debounce } from 'debounce';
type DebounceFn<V> = ((value: V) => void) & { clear: () => void };
export default <S> (initial: S, interval?: number, immediate?: boolean): [ S, DebounceFn<S> ] => {
const [ state, setState ] = useState<S>(initial);
const debouncedSetState = debounce((v: S) => setState(v), interval, immediate);
return [ state, debouncedSetState ];
};