Question 180811 in Reactjs Question posted in
The new location for the React Documentation can be found here.

Reactjs – What does "Uncaught (in promise) Object" mean?

I have such an error. How it can be corrected and debugged. I want the code to stop when there is a problem.
My code

export function postRequestOtpCode(phone: string, token: string): CancellableAxiosPromise {
  axios.defaults.baseURL = ARGO_ENV.API_APPLICATION_URL;
  return API.post('/otp/request-otp-code', { phone: `7${getCleanPhoneNumber(phone)}`, token }, {});
}


async function requestOtpCode(phone: string, captchaToken?) {
  try {
    clearTimer();
    setOtpLoading(true);
    const res = await postRequestOtpCode(phone, captchaToken);
    setOtpState(OTPstate.SHOW);
    startTimer();
    return res;
  } catch (err) {
    throw handleError(err);
  } finally {
    setOtpLoading(false);
  }
}

enter image description here

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    My solution:

    requestOtpCode(phone, captcha)
  .catch(e => throw new Error()) // here blocked after Error
  .then(() => setOtpState(OTPstate.SHOW))

  2. 0

    requestOtpCode return a promise because it is an async function.

    You are doing good by "try cathing" the axios call, but you have an uncaught Error because of the throw you added.

    Remove the throw in the catch since it’s redundant, the catch is here to handle the possible error of the axios call and do something with it like logging or render a user readable error report.

    If you want to stop the code you can return.

    Here is an article for a more detailed explanation of try…catch in js

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search