인프런 커뮤니티 질문&답변

firebase authentication 을 사용해서 회원가입을 구현 했습니다. 회원가입 페이지에서 정보를 입력하고 휴대전화에 sms를 보낸 후 인증번호를 입력하면 회원가입이 되는 것 까지 모두 정상적으로 작동합니다. 하지만 회원가입 페이지에서 sms 인증을 보낸 후 대략 1~2분 후

*Timeout at handleError (http://localhost:3000/static/js/bundle.js:115024:58) at http://localhost:3000/static/js/bundle.js:115047:7

이런 오류가 발생합니다. 도통 왜 발생하는지 못찾겠습니다.. 한번만 도와주세요ㅜㅜㅜㅜ

회원가입 페이지 코드 부분 / sms 인증코드 확인 부분

const sendVerificationCode = async () => {
    if (!validateForm()) return;

    try {
        if (!window.recaptchaVerifier || window.recaptchaVerifier.expired) {
            resetRecaptcha();
        }

        const phoneNumber = `+82${formData.phoneNumber.slice(1)}`;
        const appVerifier = window.recaptchaVerifier;

        const confirmationResult = await Promise.race([
            signInWithPhoneNumber(auth, phoneNumber, appVerifier),
            new Promise((_, reject) =>
                setTimeout(() => reject(new Error("Request timeout")), 120000) // 2 minutes
            ),
        ]);

        window.confirmationResult = confirmationResult;
        alert("Verification code sent!");
    } catch (error) {
        console.error("Error sending verification code:", error);
        resetRecaptcha();
    }
};

const verifyCode = async () => {
    if (!inputValue.trim()) {
        alert("Please enter the verification code.");
        return;
    }

    try {
        const result = await Promise.race([
            window.confirmationResult.confirm(inputValue),
            new Promise((_, reject) =>
                setTimeout(() => reject(new Error("Verification timeout")), 180000) // 3 minutes
            ),
        ]);

        alert("Verification successful!");
        // Handle user information here...
    } catch (error) {
        console.error("Verification error:", error);
        alert("Verification failed. Please try again.");
    }
};