@shopify/react-graphql/build/ts/async/query.js

Tools for creating type-safe and asynchronous GraphQL components for React

import { createResolver } from '@shopify/async';
import { useAsync, AssetTiming } from '@shopify/react-async';
import { useBackgroundQuery } from '../hooks';
export function createAsyncQuery({ id, load, }) {
    const resolver = createResolver({ id, load });
    function usePreload() {
        return useAsync(resolver, { assets: AssetTiming.NextPage }).load;
    }
    function usePrefetch(options) {
        const load = usePreload();
        return useBackgroundQuery(load, options);
    }
    function useKeepFresh(options) {
        const load = usePreload();
        return useBackgroundQuery(load, Object.assign({ pollInterval: 10000 }, options));
    }
    return {
        resolver,
        usePreload,
        usePrefetch,
        useKeepFresh,
    };
}