client.tsx

function computeClientFieldWith<F, T>(
	query: string,
	getVariables: (field: F) => { [key: string]: any },
	getValue: (field: F, fetchedValue: T) => any,
) {
	return async (field: F, _args: any, { cache, client }) => {
		const variables = getVariables(field);
		try {
			var data = cache.readQuery({
				query,
				variables,
			});
		} catch (e) {
			// Cache miss, proceed to a network query
		}

		try {
			var { data } = await client.query({
				query,
				variables,
				fetchPolicy: "network-only",
			});
		} catch (e) {
			// Retrieval error
		}
		return getValue(field, data);
	};
}