How to extend TVariables in typescript React-Query?

[huntedman]

Hi.

I'm currently in a situation like this

import { GRAPHQL_AUTH_MODE } from '@aws-amplify/api-graphql';
import { API } from 'aws-amplify';

// I'd like to extend my TVariables, so I could pass in more variables, such as authMode.
// Why not use a context? 

// Because different queries need to be called with different auth mode.

// An example of what I WANT to do
export const useGraphQLApi = <TData, TVariables extends { authMode: GRAPHQL_AUTH_MODE }>( query: string): 
((variables?: TVariables) => Promise<TData>) => {
  
  return async (variables?: TVariables) => {
    
    const { authMode = GRAPHQL_AUTH_MODE.AWS_IAM, ...rest } = variables || {};

    const res = await API.graphql({query, variables: rest, authMode: authMode});
    
    return res as any;
  };
};

But it doesn't work. Because the generated types don't contain the "authMode" parameter and it gives a type error.

Any ideas on how to build such fetcher?