React hook for bouncing a value back to it's default after a delay.

useBounceValue.tsx

import {useEffect, useState} from 'react';

export const useBounceValue = <TValue,>(
    newValue: TValue,
    defaultValue: TValue,
    delay: number
) => {
    const [value, setValue] = useState<TValue>(defaultValue);

    useEffect(() => {
        setValue(newValue);
        const id = setTimeout(() => setValue(defaultValue), delay);
        return () => clearTimeout(id);
    }, [newValue, defaultValue, delay]);

    return value;
};