mirror of
https://github.com/mountain-loop/yaak.git
synced 2026-01-16 14:06:49 +01:00
13 lines
468 B
TypeScript
13 lines
468 B
TypeScript
import type { Dispatch, SetStateAction } from 'react';
|
|
import { useMemo, useState } from 'react';
|
|
import { debounce } from '../lib/debounce';
|
|
|
|
export function useDebouncedState<T>(
|
|
defaultValue: T,
|
|
delay?: number,
|
|
): [T, Dispatch<SetStateAction<T>>, Dispatch<SetStateAction<T>>] {
|
|
const [state, setState] = useState<T>(defaultValue);
|
|
const debouncedSetState = useMemo(() => debounce(setState, delay), [delay]);
|
|
return [state, debouncedSetState, setState];
|
|
}
|