Next.js, Apollo, Graphqlという技術スタックでmutationが実行できません。

【教えてもらいたいこと】
プログラミング/フロントエンド TypeScript React.js

【利用目的】
技術的な質問・相談

【具体的な相談内容】
Next.js/Apollo/Graphqlという技術スタックで開発環境を構築しようとしているのですが、公式の手順通りにやってもうまく実行することができず困っております。やりたいことはuseMutation()関数を使って、mutationを実行することですが、型の問題でそれがうまくできません。自分でも色々と試行錯誤したのですが、解決するのが難しく断念しました。開発歴は数年有って手取り足取りでなくてもいいので、ヒントを与えていただけるような方を探しております。以下にサンプルコードを載せています。
なお本来はgraphql-codegenを使って型定義を自動生成させたいと思っているのですが、そちらも同様のエラーが出るので、まずはcodegenを使わないケースでエラーが出ないことを確認しようとしています。

コードは以下に記載しますが、見づらいので、できれば
https://stackoverflow.com/questions/76247940/cannot-pass-variables-to-usemutation-in-aplollo
こちらのstackoverflowの方でご覧いただければ幸いです。

```
import { useMutation, gql } from '@apollo/client';

const CREATE_USER = gql(/* GraphQL */ `
mutation createUserByEmail($hoge: String!) {
createUserByEmail(input: $hoge) {
age
appleId
country
description
email
facebookId
googleId
id
}
}
`);

export const LoginForm = () => {
const [createUser, { loading, error, data }] = useMutation(CREATE_USER);
const handleSubmit = (e: FormEvent<HTMLFormElement>) => {
const response = await createUser({variables: {hoge: 'hoge'}}) ;
}
(省略)
```
エラーは
```
Argument type {variables: {hoge: string}} is not assignable to parameter type MutationFunctionOptions<any, OperationVariables, DefaultContext, ApolloCache<any>> | undefined
```
というもので型のエラーですが、これ以上引数をどう渡せばいいのか分かりません。

【希望相談スタイル】
技術的な質問・相談, ロードマップ・学習法相談

【目安予算】
10000円