youtube 작업 중 react-query를 사용하는데 갑자기 콘솔에
Query data cannot be undefined. Please make sure to return a value other than undefined from your query function.
요런 에러가 떴다.
구글링 해보니 useQuery에 작성한 함수에서 Promise를 return하지 않아서 라고 한다.
확인해보니
// Videos.jsx
const {
isLoading,
error,
data: videos,
} = useQuery(["videos", keyword], () => {
youtube.search(keyword);
});
이렇게 return을 안해주고 있었다..ㅎㅎ
// Videos.jsx
const {
isLoading,
error,
data: videos,
} = useQuery(["videos", keyword], () => {
return youtube.search(keyword);
});
해결완료!!