loginSaga관련질문

async function logInAPI(data) {
  const response = await axios.post("/user/login", data);
  return response.data;
}

function* logIn(action) {
  try {
    const data = yield call(logInAPI, action.data);
    yield put({
      type: LOG_IN_SUCCESS,
      data,
    });
  } catch (e) {
    console.error(e);
    yield put({
      type: LOG_IN_FAILURE,
      error: e.response.data,
    });
  }
}

위  loginAPI에서는 비동기로 response를 받아와서 바로 response안에 response.data를 리턴해줬는데, 

기존 강의 코드에서는 API함수에서 비동기 없이 그냥 response를 리턴해주셨습니다.

제가 궁금한건 saga함수에서 yield call(API함수)를 해주면

API함수 결과가 받아와질때 까지 기다려지는데, API 함수를  아래와 같이 비동기 처리를 해주지 않으면 return될때 그당시 response가 없기 때문에 response.data가 undifined상태가 고정되고 saga에서는 undifined를 결과로 읽고 바로 코드를 진행시켜 버리는건가요?

function logInAPI(data) {
  const response = axios.post("/user/login", data);
  return response.data;
}

강의 코드에서처럼  API에서 response를 return하면 response가 정해질때까지 사가에서 기다려주기 때문에 그렇게 되는건지 궁금합니다.