React-Query Mutate

import React, { FC } from 'react';
import { useForm } from 'react-hook-form';
import { Alert } from 'react-bootstrap';
import { useMutation } from '@tanstack/react-query';
import axios from 'axios';

const Order: FC<OrderProps> = () => {
  const { handleSubmit, register } = useForm();
  const { mutate, isLoading, isError } = useMutation((api) => 
    axios.post(`/.netlify/functions/api/letter`, api));

  const onSubmit = (data) => mutate(data);

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      {isLoading && <Alert>Submitting ... </Alert>}
      {isError && <Alert>An error occurred: {error.message}</Alert>}

      <input type="text" {...register('message', { required: true })} />
      <button type="submit">Send Owl</button>
    </form>
  );
};

export default Order;