How to properly type mutation Variables?

[karladler]

What would be the correct way to tell typescript, that Variables is the interface for the arguments of myMutation function?

    interface Variables {
      uuid: string;
      value: string;
    }

    const { mutate: myMutation } = useMutation(myGqlMutation);

I want to avoid using myMutation like this:

 myMutation({
     uuid: '....',
     value: '....',
 } as any); // get rid of any here ... 

This is a copy of: https://stackoverflow.com/questions/63355461/mutation-typings-in-vue-apollo-v4-and-composition-api

[alex7229]

import LOGIN from './login.graphql'
import {
  LoginMutation,
  LoginMutationVariables
} from '@/generated/graphql-types'

const { mutate: loginMutate, loading: loginLoading } = useMutation<
    LoginMutation,
    LoginMutationVariables
  >(LOGIN)

const result = await loginMutate({})
//   when I try to call the mutation with incorrect variables, I get next error
//   Type '{}' is missing the following properties from type 'Exact<{ username: string; password: string; }>': username, password

Graphql code gen is used to generate muation result + variables.

[alex7229]

So, basically you need to pass two generic arguments to 'useMutation' function: mutation result and mutation variables