Маршрут API NEXT.js не будет принимать запросы POST

У меня есть маршрут API Next.js, настроенный на «pages/api/contact». Когда я обрабатываю запрос GET или перехожу к localhost:3000/api/contact, я вижу, что API работает. Однако всякий раз, когда я пытаюсь обработать запрос на получение этого маршрута API, ничего не происходит. Я пробовал использовать axios и fetch, но ничего не работает для почтового запроса. См. ниже. Любая помощь будет принята с благодарностью.

вызывается из компонента при нажатии кнопки

const handleClick = async (e) => {
e.preventDefault();
console.info("in handleSubmit");

try {
  const res = await axios.post(
    "http://localhost:3000/api/contact",
    {
      firstName,
      lastName,
      email,
    },
    {
      headers: {
        "Content-Type": "application/json",
      },
    },
    console.info(res) //this comes back undefined
  );
} catch (e) {}

};

в страницах/апи/контакт

  export default async function sendEmail(req, res) {
  const { firstName, lastName, email } = req.body;
  console.info(req.method);
  if (req.method === "POST") {
    return res.status(200).json({
        message: "This is in post",
      });
  } else {
    return res.status(200).json({
        message: "This is not a post",
      });
    }
}