useful-custom-react-hooks/dist/hooks/useDebounceState.js

A collection of useful custom React hooks to simplify common tasks and enhance your React applications.

import { useState } from 'react';
const useDebounceState = (value, ms = 200) => {
    const [state, setState] = useState(value);
    let timer;
    const setStateDebounce = (state) => {
        clearTimeout(timer);
        timer = setTimeout(() => {
            setState(state);
        }, ms);
    };
    return [state, setStateDebounce];
};
export { useDebounceState };