Cannot refetch a query that has not been started yet 오류 에러 해결방법

RTK Query 에러 해결방법

 

안녕하세요, 오늘은 api 통신 모듈인 RTK Query를 사용하다 발생할 수 있는 에러의 해결방안에 대해서 설명해드리겠습니다.

 

const testFunction = () => {
  // 이 부분에서 에러 발생
  refetch()
}

 

Front를 막~ 개발하다가 실행을 시켰을 때 상단의 소스처럼 RTK의 query를 이용해 데이터를 불러오는 부분인 refetch를 실행하면 아래와 같은 에러가 발생하게됩니다.

 

Cannot refetch a query that has not been started yet

 

 

에러 원인

 

처음엔 평소와 같이 "내가 오타를 냈나보다", "사소한 실수를 했나보군!" 처럼 대수롭지 않게 디버깅을 시작합니다. 에러가 난 부분을 올라가다보면 buildHooks.ts (802) 라인까지 분석을 하게 되는데요. 이때 느끼게 될겁니다.  "아. 이건 소스의 문제가 아니겠구나." 그렇습니다. 이건 개발한 소스 외적으로 찾아야 하는데요.

 

에러의 원인은 @reduxjs/toolkit의 버전에 있습니다.

reduxjs/toolkit

 

해결 방법

 

package.json에 접속하여 @reduxjs/toolkit의 버전을 1.8.5로 변경하면 정상적으로 작동하는 것을 확인할 수 있습니다.

 

 

마치며

 

오늘은 @reduxjs/toolkit을 사용하다 발생할 수 있는 "Cannot refetch a query that has not been started yet"의 에러 해결방안에 대해 알아보았습니다. 앞으로도 유용한 정보를 꾸준히 올리도록 하겠습니다.

 

오늘도 즐거운 코딩하세요!