ahooks/es/useDebounce/index.js

react hooks library

import { useEffect, useState } from 'react';
import useDebounceFn from '../useDebounceFn';
function useDebounce(value, options) {
    const [debounced, setDebounced] = useState(value);
    const { run } = useDebounceFn(() => {
        setDebounced(value);
    }, options);
    useEffect(() => {
        run();
    }, [value]);
    return debounced;
}
export default useDebounce;