Async function inside useEffect return undefined

Question

I have an async function inside useEffect

  useEffect(() => {
    async function fetchData() {
      const res = await checkLogin();
      console.log(res);
    }

    fetchData();
  }, []);

checkLogin returning "Hello world"

 async function checkLogin() {
  try {
  const resp = await linstance.get("/api/auth/user");

  setUser(resp.data.user);
  setEmail(resp.data.email);
  setId(resp.data.id);

  return "Hello world";
} catch (error) {
  return error.response;
}

}

why in the console.log it's print undefined?

I want checkLogin response to be "Hello world" (to make it clear)

post the checkLogin

Sachila Ranawaka
– Sachila Ranawaka

2022-12-04 16:05:01 +00:00
Commented Dec 4, 2022 at 16:05 — Sachila Ranawaka
– Sachila Ranawaka, Commented Dec 4, 2022 at 16:05

Yilmaz · Accepted Answer · 2022-12-04 16:19:59Z

2

Inside checkLogin() your code has try/catch. If try block run successfully, you would get "Hello world" in the console.

But most likely your code is falling into the catch block. it is throwing error and error object has no response property. In the catch block

 catch (error) {
  // check what is logging here
  console.log("error in fetchLogin", error)
  return error.response;
}

answered Dec 4, 2022 at 16:19

Yilmaz

51k19 gold badges226 silver badges278 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Async function inside useEffect return undefined

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related