Function useFetchData

frontend/src/components/FetchData.tsx:42–117

(
    loader: () => Promise<T | undefined>,
    debugName?: string,
)

// This Component/Context provider loads a remote resource returning the current load state with
// methods to update and reload the resource
export function useFetchData<T, U extends ResolvedApiResult<T> = ResolvedApiResult<T>>(
    loader: () => Promise<T | undefined>,
    debugName?: string,
): FetchDataHook<U> {

    let [result, setResult] = useState<{ state: "loading" | "loaded" | "waiting", value: U | null, error: Error | null }>({
        state: "loading",
        value: null,
        error: null
    });

    const load = useCallback(async () => {
        setResult({ state: "loading", value: null, error: null });

        try {
            let resp = await loader();
            if (isErrorResponse(resp)) {
                setResult({
                    state: "loaded",
                    value: null,
                    error: new Error(`Operation failed: ${resp.resp_code}: ${resp.response?.description} ${resp.response?.code}`)
                });
            } else {
                if (resp === undefined) {
                    setResult({
                        state: "waiting",
                        value: resp as U,
                        error: null,
                    })
                } else {
                    setResult({
                        state: "loaded",
                        value: resp as U,
                        error: null,
                    })
                }
            }
        } catch (error) {
            setResult({
                state: "loaded",
                value: null,
                error: error as Error,
            })
        }
    }, [loader]);

    useEffect(() => {
        console.log("called reload: ", debugName);
        load();
    }, [load, debugName]);

    return {
        reload: load,
        value: result.value,
        error: result.error,
        loading: result.state === "loading",
        waiting: result.state === "waiting",
        setData: (val) => {