React 팀 프로젝트 (로그인 검증 기능)

Supabase의 DB로 로그인 검증 기능을 만들려고 해요 그런데 로그인 검증을 하기 위해서 예외처리를 테스트 하는데 error 400 (Bad request) 가 발생 합니다. 데이터 값이 있으면 로그인은 됩니다. 하지만 존재 하지 않는 값의 예외처리를 할려 하는데 무조건 error 400 (Bad request) 가 나타나내요 이 문제를 해결해 줄 수 있는분 답변 부탁 드립니다.

  const handleLogin = async (e) => {
    e.preventDefault();

    if (!email || !password) {
      alert('이메일과 비밀번호를 입력해주세요.');
      return;
    }

    // 이메일 형식 확인 (정규식 사용)
    const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    if (!emailPattern.test(email)) {
      alert('올바른 이메일 형식을 입력해주세요.');
      return;
    }

    if (password.length < 6) {
      alert('비밀번호는 최소 6자 이상이어야 합니다.');
      return;
    }

    try {
      const { data, error } = await supabase.auth.signInWithPassword({
        email,
        password,
      });

      if (error) {
        alert('이메일 또는 비밀번호가 잘못되었습니다.');
        return;
      }

      if (data?.user) {
        alert('로그인이 완료되었습니다.');
        navigate('/');
      } else {
        alert('회원 정보가 존재하지 않습니다.');
      }
    } catch (err) {
      console.error('오류 발생:', err);
      alert('오류가 발생했습니다. 잠시 후 다시 시도해주세요.');
    }
  };

   if (error) {
     console.error('로그인 오류:', error);
     alert(error.message || '이메일 또는 비밀번호가 잘못되었습니다.');
     return;
   }