我想创建订阅表单页面，我使用next js，react-query，typescript。我无法在typescript中配置我的API请求。
我的表单组件

'use client';
import React, { FormEvent, useState } from 'react';

import { useEmailSubscription } from 'src/api/email-subscription/mutations';

const SubscribeForm = () => {
  const [email, setEmail] = useState('');
  const { mutate } = useEmailSubscription();

  const _onSubmit = (e: FormEvent<HTMLFormElement>) => {
    e.preventDefault();
    mutate(email);
  };

  return (
    <form onSubmit={_onSubmit}>
      <div className="form-group">
        <label id="email">Stay tuned for an awesome experience!</label>
        <input
          type="email"
          id="email"
          onChange={(e) => setEmail(e.target.value)}
          placeholder="[email protected]"
        />
      </div>
      <button type="submit">Subscribe</button>
    </form>
  );
};

export default SubscribeForm;

字符串
我的第一个错误

mutate(email) // Argument of type 'string' is not assignable to parameter of type 'void'

型
我的要求

export const useEmailSubscription = () => {
  return useMutation((email: string) => axiosOpen.post('/email-subscriptions', { email }));
};

型
我的第二个错误

Type (email: string)=> Promise <AxiosResponse <any, any>> has no properties in common with type 'UseMutationOptions<unknown, Error, void, unknown'

型
我不知道该怎么补救？