World-class Type Safety for Storefront query/mutate

[mw10013]

What is the location of your example repository?

No response

What version of Hydrogen are you using?

@shopify/[email protected]

What version of Remix are you using?

No response

Steps to Reproduce

Call query from a loader. Eg.

export const loader = (async ({context}: LoaderArgs) => {
  const data = await context.storefront.query<any>(query);
  return data;
}) satisfies LoaderFunction;

Expected Behavior

Expected a way to make a query using something like a TypedDocumentNode for low maintenance return types and typed query variables.

Actual Behavior

Need to maintain the return type by hand or use any.

[frehner]

This is being explored in #297 and #271 👍

[blittle]

Hi @mw10013! Checkout this PoC implementation here: #707