A React custom hook that calls the email sending api

useSendEmail.ts

import { useState } from "react";

type FormData = {
  firstName: string;
  lastName: string;
  email: string;
  message: string;
};

export function useSendEmail(): [
  boolean,
  boolean,
  boolean,
  (data: FormData) => void
] {
  const [success, setSuccess] = useState(false);
  const [loading, setLoading] = useState(false);
  const [error, setError] = useState(false);
  const apiEndpoint = "/api/email";

  const handleSendEmail = async (data: FormData) => {
    // set loading as true
    setLoading(true);
    try {
      const res = await fetch(apiEndpoint, {
        method: "POST",
        body: JSON.stringify(data),
      });
      const response = await res.json();
      if (response.message === "Email sent") {
        setSuccess(true);
      }
    } catch (err) {
      setSuccess(false);
      setError(true);
    } finally {
      setLoading(false);
    }
  };
  return [success, loading, error, handleSendEmail];
}