Typed GraphQL queries and results /2 Typed client

grpahql-client.ts

import { ApolloClient, gql, InMemoryCache, QueryOptions } from '@apollo/client';

import {
  Zeus,
  ValueTypes,
  ModelTypes,
  GraphQLTypes,
  InputType,
} from './types/zeus';

const client = new ApolloClient({
  uri: 'http://localhost:3000/graphql',
  cache: new InMemoryCache(),
});

const typedQuery = <Z extends ValueTypes[O], O extends 'Query'>(
  query: Z | ValueTypes[O],
  operationName?: string,
) => {
  return client.query<InputType<GraphQLTypes[O], Z>>({
    query: gql(Zeus('query', query, operationName)),
  });
};

export default typedQuery;