[Redux-Saga] Error: call: argument of type {context, fn} has undefined or null fn

현상

redux-saga의 call() 메서드를 사용하던 중 발생한 에러이다.

Error: call: argument of type {context, fn} has undefined or null `fn`

원인

call() 메서드의 두 번째 파라미터로 전달해야하는 인자(action.payload)의 위치를 잘못 작성했던 것이 문제였다.

function* addSaga(action) {
  try {
    const result = yield call(api.addParticle(action.payload));
  } 
}

해결

공식 문서를 확인하니 바로 해결됐다. call() 메서드는 파라미터로 함수와 그 함수에 넣을 인자를 구분하여 받는다.

call(fn, ...args)

• fn: 제네레이터 함수. 혹은 프로미스나 다른 값을 반환하는 함수
• args: fn 함수에 전달할 인자 값들

따라서 아래처럼 코드를 수정해주면 간단히 해결된다.

function* addSaga(action) {
  try {
    const result = yield call(api.addParticle, action.payload);
  } 
}