@orchestrator-ui/orchestrator-ui-components/src/hooks/useDebounce.ts

Library of UI Components used to display the workflow orchestrator frontend

import { useEffect, useState } from 'react';

export function useDebounce<T>(value: T, delay: number): T {
    const [debouncedValue, setDebouncedValue] = useState<T>(value);

    useEffect(() => {
        if (delay <= 0) {
            setDebouncedValue(value);
            return;
        }
        const handler = setTimeout(() => {
            setDebouncedValue(value);
        }, delay);

        return () => {
            clearTimeout(handler);
        };
    }, [value, delay]);

    return debouncedValue;
}