index.ts

import {
  query,
  OutputTypeOf,
  Post as GeneratedPost,
  Author as GeneratedAuthor,
} from "./api.gen";
import { ResultOf } from "@graphql-typed-document-node/core";

const basicQuery = query((q) => [
  q.posts((p) => [p.id, p.author((a) => [a.name])]),
]);

// OutputTypeOf

type Post = OutputTypeOf<GeneratedPost>;

type ExpectedOutputOfType = {
  __typename?: "Post";
  id?: number; // Optional in case it has not been selected on the query, not-null since the gql type is not-null
  title?: string; // Optional in case it has not been selected on the query, not-null since the gql type is not-null
  author?: OutputTypeOf<GeneratedAuthor> | null; // Optional in case it has not been selected on the query, null since the gql type is null
};

type ActualOutputOfType = {
  __typename: "Post" | undefined;
  id: number | undefined;
  title: string | undefined;
  author: OutputTypeOf<GeneratedAuthor> | undefined;
};


// ResultOf 

type ResultOfBasicQuery = ResultOf<typeof basicQuery>;

type ExpectedQueryType = {
    posts: Array<{
        id: number;
        author: {
            name: string;
        } | null
    }> | null
}

type ActualQueryType = {
  posts: Array<{
    id: number;
    author: {
        name: string;
    } | undefined;
  }> | undefined
};