react-query 에러 : Query data cannot be undefined. Please make sure to return a value other than undefined from your query function. Affected query key: ~

에러 : Query data cannot be undefined. Please make sure to return a value other than undefined from your query function. Affected query key


react-query를 쓸 때 return 값이 없어서 생기는 문제임.
정확히는 useQuery에 등록한 함수가 Promise를 반환하지 않았기 때문

export const axiosInstance = axios.create({
  validateStatus: function (status) {
    return status >= 400;
  },
});

validateStatus 추가해주니까 에러에 대한 return 값이 생겨서 옴.

참고) http method status 종류

http 메소드 종류 글
1xx(정보) : 요청을 받았으며 프로세스를 계속 진행합니다.
2xx(성공) : 요청을 성공적으로 받았으며 인식했고 수용하였습니다.
3xx(리다이렉션) : 요청 완료를 위해 추가 작업 조치가 필요합니다.
4xx(클라이언트 오류) : 요청의 문법이 잘못되었거나 요청을 처리할 수 없습니다.
5xx(서버 오류) : 서버가 명백히 유효한 요청에 대한 충족을 실패했습니다.