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

제로초님 안녕하세요. 

혹시 saga에서 call 함수의 경우는 타이핑을 어떤 식으로 하는 게 좋을까요? 

function logInAPI(data: {
  email: string;
  password: string;
}): Promise<AxiosResponse> {
  return axios.post("/user/login", data);
}

type Login = ({ email, password }: { email: string, password: string }) => Promise<AxiosResponse>;

function* logIn(action: LoginRequestAction) {
  try {
    const result: CallEffect<{ data: string }> = yield call<Login>(logInAPI, action.data); // call: blocking. logInAPI의 결과를 기다렸다가 다음 코드를 실행.

    // put: dispatch
    yield put<LoginSuccessAction>({
      type: LOG_IN_SUCCESS,
      data: result.data,
    });
  } catch (err) {
    yield put<LoginFailureAction>({
      type: LOG_IN_FAILURE,
      error: err.response.data,
    });
  }
}

 일단 위와 같이 타이핑을 해봤는데요. yield에서 any를 리턴한다는 에러가 자꾸 떠서 result를 CallEffect 타입으로 만들었는데, 그렇게 하고 나니 로그인 성공시 LoginSuccessAction에 넘겨주는 result.data 부분에서 'Property 'data' does not exist on type 'CallEffect<{data: string}>' 에러가 발생합니다. 해결해보려고 타입 파일에 들어가서 살펴보기도 했는데 어떤 식으로 하면 좋을지 잘 모르겠네요. 감사합니다.