[React]-Query data cannot be undefined 에러

badassong·2023년 5월 21일
0

React

목록 보기
49/56
post-thumbnail

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);
  });

해결완료!!

profile
프론트엔드 대장이 되어보쟈

0개의 댓글