post요청 undefined 질문드립니다

혹시 몰라 클라이언트측 전체코드도 끄적여봅니다!

import axios from "axios";
import "./../Contact/Contact.css";

function Contact() {
  const handleSubmit = async (event) => {
    event.preventDefault();

    const form = event.target;
    const formData = new FormData(form);

    try {
      const data = {
        plan: formData.get("plan"),
        location: formData.get("location"),
        company: formData.get("company"),
        name: formData.get("name"),
        phone: formData.get("phone"),
        mail: formData.get("mail"),
        personnel: formData.get("personnel"),
        budget: formData.get("budget"),
        check: formData.get("check"),
      };

      const response = await axios.post("/contact", data);

      if (response.data === "success") {
        // 요청이 성공적으로 처리되었는지 확인
        alert("성공적으로 전송되었습니다!");
        form.reset();
      } else {
        alert("전송 실패");
      }
    } catch (error) {
      console.error(error);
      alert("전송 실패");
    }
  };

  return (
    <div className="contact-container">
      <p className="contact-title">문의하기</p>
      <p className="contact-paragraphs">
        비밀 <b>문의 남겨주세요</b>
      </p>

      <form onSubmit={handleSubmit} className="form">
        <div>
          <p>플랜선택</p>
          <select required name="plan">
            <option value="" disabled selected>
              원하시는 플랜을 선택해주세요
            </option>
            <option>노랑</option>
            <option>파랑</option>
            <option>민트</option>
          </select>
        </div>

        <div>
          <p>지역</p>
          <select required name="location">
            <option value="" disabled selected>
              원하시는 지역을 선택해주세요
            </option>
            <option>서울</option>
            <option>경기</option>
            <option>인천</option>
          </select>
        </div>

        <div>
          <p>회사명</p>
          <input placeholder="회사명을 입력해주세요" name="company"></input>
        </div>

        <div>
          <p>담당자명</p>
          <input placeholder="담당자님 성함을 입력해주세요" name="name"></input>
        </div>

        <div>
          <p>
            담당자 연락처 <span>*</span>
          </p>
          <input
            placeholder="-를 제외한 숫자만 입력해주세요"
            name="phone"
          ></input>
        </div>

        <div>
          <p>담당자 이메일 주소</p>
          <input
            placeholder="담당자님 이메일 주소를 입력해주세요"
            name="mail"
          ></input>
        </div>

        <div>
          <p>
            소속 직원수<span>*</span>
          </p>
          <input placeholder="숫자만 입력해주세요" name="personnel"></input>
        </div>

        <div>
          <p>
            한 달 예산<span>*</span>
          </p>
          <input placeholder="숫자만 입력해주세요" name="budget"></input>
        </div>

        <div className="check">
          <div>
            <input type="checkbox" name="check"></input>
            <p>
              개인정보 제공동의 <span>*</span>
            </p>
          </div>
          <div>
            <p>보기</p>
          </div>
        </div>
        <button type="submit">전송</button>
      </form>
    </div>
  );
}

export { Contact };