ahooks/es/useDebounceEffect/index.js

react hooks library

import { useEffect, useState } from 'react';
import useDebounceFn from '../useDebounceFn';
import useUpdateEffect from '../useUpdateEffect';
function useDebounceEffect(effect, deps, options) {
    const [flag, setFlag] = useState({});
    const { run } = useDebounceFn(() => {
        setFlag({});
    }, options);
    useEffect(() => {
        return run();
    }, deps);
    useUpdateEffect(effect, [flag]);
}
export default useDebounceEffect;