rooks/dist/esm/hooks/useDebounce.js

Essential React custom hooks ⚓ to super charge your components!

import debounce from "lodash.debounce";
import { useRef, useEffect, useCallback } from "react";
/**
 * Debounce hook
 * Debounces a function
 *
 * @param callback The callback to debounce
 * @param wait The duration to debounce
 * @param options The options object.
 * @param options.leading Specify invoking on the leading edge of the timeout.
 * @param options.maxWait The maximum time func is allowed to be delayed before it’s invoked.
 * @param options.trailing Specify invoking on the trailing edge of the timeout.
 * @returns Returns the new debounced function.
 * @see https://react-hooks.org/docs/useDebounce
 */
function useDebounce(callback, wait, options) {
    var createDebouncedCallback = useCallback(function (function_) {
        return debounce(function_, wait, options);
    }, [wait, options]);
    var debouncedCallbackRef = useRef(createDebouncedCallback(callback));
    useEffect(function () {
        debouncedCallbackRef.current = createDebouncedCallback(callback);
    }, [callback, createDebouncedCallback]);
    return debouncedCallbackRef.current;
}
export { useDebounce };