How to reference response type

[Ionaru]

Using the output of the graphql-zeus --typedDocumentNode generator, how do I reference the response type of a query or mutation?

Using this query from the documentation:

const myMutation = typedGql('mutation')({
  cardById: [{ cardId: $('cardId', 'String!') }, { name: true }],
});

What helpers or types do I need to use to get the output {name: string} so I can use that in props, inputs and other parts of the code?

Pretty much a duplicate of #204 but instead for the --typedDocumentNode output.

[aexol]

You need to use library that supports typedDocumentNode, Apollo for example

[Ionaru]

I am using Apollo, but this should not be dependent on any request library.

Anyhow I found a way:

import { TypedDocumentNode } from '@graphql-typed-document-node/core';
// Dependency of Apollo, graphql-zeus also uses it.
// Both @apollo/client and angular-apollo also re-export the TypedDocumentNode interface.

type GqlResponse<T> = T extends TypedDocumentNode<infer R, never> ? R : never;

const myMutation = typedGql('mutation')({
  cardById: [{ cardId: $('cardId', 'String!') }, { name: true }],
});

type myMutationResponse = GqlResponse<typeof myMutation>;
// = { cardById: { name: string; } }