Variables typing gives unexpected error

[MoSattler]

Description

This code

import request, { RequestDocument, Variables } from 'graphql-request'

export const requestWrapper = <T, V extends Variables = Variables>(
  document: RequestDocument,
  variables: V,
) => request<T, V>('/api/graphql', document, variables)

gives me this error:

Argument of type '[V]' is not assignable to parameter of type 'VariablesAndRequestHeadersArgs<V>'.

Though unless I am missing something, the typing should work just fine. Is there anything I am doing wrong, or is something up with the typing?

[jasonkuhrt]

Not a bug, just weirdness of current typings and TS. The signatures are a mess and will get fixed at a later date, but not without a breaking change etc.

You can do this for now:

import type { RequestDocument, Variables } from '../src/entrypoints/main.js'
import request from '../src/entrypoints/main.js'

export const requestWrapper = <T, V extends Variables = Variables>(
  document: RequestDocument,
  variables: V,
  // ) => request<T, V>('/api/graphql', document, variables)
) => request<T>(`/api/graphql`, document, variables)