Мутация Graphql выдает ошибку неверного значения

Question

Я пытаюсь отправить запрос на изменение в свой api graphql, но получаю ошибку неверного значения. Я использую кодогенерацию graphql с машинописным текстом и реагирую на свой интерфейс. Я напрямую скопировал свою рабочую мутацию graphql, которую создал на игровой площадке graphql. Codegen не выдает никаких ошибок, когда я генерирую, машинописный текст не дает мне никаких ошибок, и я проверил свой синтаксис примерно 10 раз, но я не могу понять, почему он идет не так.

код ошибки: GRAPHQL_VALIDATION_FAILED

сообщение об ошибке: "Данные аргумента" имеют недопустимое значение {email: $email, username: $username, password: $password, confirmPassword: $confirmPassword}.

Мой серверный преобразователь выглядит так

@Mutation(() => LoginResponse)
  async signupLocal(
    @Arg("data") signupLocalInput: SignupLocalInput,
    @Ctx() { res }: MyContext
  ): Promise<LoginResponse> {
    const user = await signupLocalService(signupLocalInput);
    sendRefreshToken(res, createRefreshToken(user));
    return {
      accessToken: createAccessToken(user),
      user,
    };
  }

Моя мутация graphql во внешнем интерфейсе выглядит так

mutation SignupLocal(
  $email: String!
  $username: String!
  $password: String!
  $confirmPassword: String!
) {
  signupLocal(
    data: {
      email: $email
      username: $username
      password: $password
      confirmPassword: $confirmPassword
    }
  ) {
    accessToken
  }
}

И моя реализация выглядит так

const [signupLocal] = useSignupLocalMutation();

const onSubmit = async (data: FormData) => {
  console.log(data);
  const { email, username, password, confirmPassword } = data;
  const response = await signupLocal({
    variables: { email, username, password, confirmPassword },
  });
  console.log(response);
};