Zombie spinner killer

useLoader.ts

function useLoader<T>(
    loadingFunction: () => Promise<T>,
    deps: DependencyList[] = []
) {
    const [data, setData] = useState<T | undefined>();
    const [loading, setLoading] = useState(true);
    const [error, setError] = useState<Error | undefined>();

    async function reload() {
        setData(undefined);
        setLoading(true);
        setError(undefined);
        try {
            setData(await loadingFunction());
        } catch (error) {
            setError(error);
        } finally {
            setLoading(false);
        }
    }

    useEffect(() => {
        reload();
    }, deps);
    return { data, loading, error, reload };
}