use-lazy.ts

import { useEffect, useState, useCallback, DependencyList } from 'react';

function useLazy<T>(factory: () => T, deps: DependencyList | undefined): () => T {
    const [state, setState] = useState<{ used: false } | { used: true; value: T }>({ used: false });

    useEffect(() => {
        setState({ used: false })
    }, deps);

    return useCallback(() => {
        if (state.used) {
            return state.value;
        }
        const newValue = factory();
        setState({ used: true, value: newValue });
        return newValue;
    }, [state])
}