Hey all,

In my nextjs project i have 2 api routes, submit-email and contact.

in dev, both work as expected.
in build on my dev machine, again, both work as expected.
in build on vercel, it contact works, and submit-email doesnt.

They have identical code, one is litteraly almost a copy of the other
I have been troubleshooting this all night to no avail, could anyone help?

component.tsx

[...]
import { Form, useForm, SubmitHandler } from "react-hook-form";

export function Form() {

interface FormInputs {
  email: string;
}

  const [waiting, setWaiting] = useState(false);

const {
  register,
  handleSubmit,
  formState: { errors },
} = useForm<FormInputs>();

const onSubmit: SubmitHandler<FormInputs> = async (data) => {
  setWaiting(true);
  try {
    const response = await fetch("/api/submit-email", {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
      },
      body: JSON.stringify(data),
    });

    if (!response.ok) {
      throw new Error("Network response was not ok");
      setWaiting(false);
      alert("Error submitting form");
    } else {
      alert("form submitted successfully!");
      setWaiting(false);
    }

    const result = await response.json();
    console.log(result); // Handle the response from the server
  } catch (error) {
    console.error("Error submitting form:", error);
    alert(t("Error submitting form"));
    setWaiting(false);
  }
};
[...]