Hook that debounces values by discarding inputs that take less than the specified milliseconds between changes.

useDebounce.tsx

import {useEffect, useState} from 'react';

export const useDebounce = <TType extends any>(next: TType, ms: number) => {
    const [value, setValue] = useState(next);
    useEffect(() => {
        const id = setTimeout(() => setValue(next), ms);
        return () => clearTimeout(id);
    }, [next, ms]);
    return value;
};