@supunlakmal/hooks/dist/hooks/performance-optimization/useDebouncedState.js

A collection of reusable React hooks

import { useEffect, useState } from 'react';
export const useDebouncedState = (initialValue, delay = 500) => {
    const [value, setValue] = useState(initialValue);
    const [debouncedValue, setDebouncedValue] = useState(initialValue);
    useEffect(() => {
        const timer = setTimeout(() => {
            setDebouncedValue(value);
        }, delay);
        return () => clearTimeout(timer);
    }, [value, delay]);
    return [debouncedValue, setValue];
};
//# sourceMappingURL=useDebouncedState.js.map