오늘의 목표
-
알고리즘 문제풀기
-
프로젝트 진행하기
알게된 것
- 오늘 프로젝트를 하다가 오류를 만났는데
Query data cannot be undefined. Please make sure to return a value other than undefined from your query function. Affected query
이오류를 만났다
이유는 useQuery에 등록한 함수가 Promise를 반환하지 않아서 생긴 오류였다.
해결 방법으로는 Promise 반환하도록 해주면 된다.
화살표함수 문법으로 바로 리턴하거나, 중괄호 내부에서 명시적으로 리턴해주면 되는 문제였고
내코드에서
``
const {
data: matesData,
isLoading: matesLoading,
isError: matesError,
} = useQuery(
['plan_mates'],
async () => {
return await getPlansWithMates(user === null ? '' : user.id);
},
{ enabled: user !== null },
);
``
윗 부분에서
return await getPlansWithMates(user === null ? '' : user.id);
await 앞에 return을 붙여주어서 해결하게 되었다.
느낀점
- 오늘 프로젝트를 진행하면서 아직 많은 부분을 하지못하였는데 오류가 많이생겨서 진도를 못나갔다. 오류를 마주치면서 해결하는 시간이 오래 걸렸고 또 하나해결을 하면 하나가 생길때 할게 많다보니 조급함도 느껴지긴 했지만 분명 오늘 오류를 다음에 마주쳤을때는 해결해나가는데 오늘보다 적은 시간이 소요될거라고 생각하고 남은 부분을 해쳐나가야 겠다고 다짐했습니다.
