How to use typescript-generic-sdk to call graphql-js execute

[marceloverdijk]

I'm trying to use @graphql-codegen/typescript-generic-sdk to call graphql-js execute directly (without the use of http client).

typescript-generic-sdk generates a SDK which looks exactly what I want ;-)

I created a custom Requester which calls graphql-js execute:

import { DocumentNode, execute } from 'graphql'
import { createContext } from '../graphql/context'
import { schema } from '../graphql/schema'
import { getSdk, Requester } from '../graphql/types'

const requester: Requester = async <R, V>(
  doc: DocumentNode,
  variables: V,
): Promise<R> => {
  const result = await execute({
    schema,
    document: doc,
    contextValue: createContext(),
    variableValues: variables // TODO: how to convert variables: V to variableValues?: Maybe<{ readonly [variable: string]: unknown; }>;?
  })
  return result.data // TODO: how to convert result.data: TData = ObjMap<unknown> to R?
}

const graphql = getSdk(requester)

export default graphql

However this gives some Typescript errors unfortunately and I'm not sure how to solve it...

Type 'V' is not assignable to type 'Maybe<{ readonly [variable: string]: unknown; }>'.
  Type 'V' is not assignable to type '{ readonly [variable: string]: unknown; }'.ts(2322)
[execute.d.ts(88, 3): ]()The expected type comes from property 'variableValues' which is declared here on type 'ExecutionArgs'

Conversion of type 'ObjMap<unknown> | null | undefined' to type 'R' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.
  'R' could be instantiated with an arbitrary type which could be unrelated to 'ObjMap<unknown> | null | undefined'.ts(2352)

and later when making a build the compiler fails as well:

> next build

Failed to compile.

./src/graphql/sdk.ts:14:5
Type error: Type 'V' is not assignable to type 'Maybe<{ readonly [variable: string]: unknown; }>'.
  Type 'V' is not assignable to type '{ readonly [variable: string]: unknown; }'.

  12 |     document: doc,
  13 |     contextValue: createContext(),
> 14 |     variableValues: variables
     |     ^
  15 |   })
  16 |   return result.data as R
  17 | }
info  - Checking validity of types .%

Any help appreciated.

This is the signature from graphql-js:

export declare function execute(
  args: ExecutionArgs,
): PromiseOrValue<ExecutionResult>;

export interface ExecutionArgs {
  schema: GraphQLSchema;
  document: DocumentNode;
  rootValue?: unknown;
  contextValue?: unknown;
  variableValues?: Maybe<{
    readonly [variable: string]: unknown;
  }>;
  operationName?: Maybe<string>;
  fieldResolver?: Maybe<GraphQLFieldResolver<any, any>>;
  typeResolver?: Maybe<GraphQLTypeResolver<any, any>>;
  subscribeFieldResolver?: Maybe<GraphQLFieldResolver<any, any>>;
}