@figliolia/react-hooks/dist/mjs/Hooks/useDebouncer.js

A small collection of simple React Hooks you're probably rewriting on a regular basis

import { useEffect } from "react";
import { Debouncer } from "../Generics/Debouncer.js";
import { useController } from "./useController.js";
import { useUnmount } from "./useUnmount.js";
export const useDebouncer = (callback, wait) => {
    const debouncer = useController(new Debouncer(callback, wait));
    useEffect(() => {
        debouncer.update(callback, wait);
    }, [debouncer, callback, wait]);
    useUnmount(() => {
        debouncer.cancel();
    });
    return debouncer;
};