145. [React-Query] Query data cannot be undefined 에러 TIL.23.03.31

---

 

Query data cannot be undefined 에러 발생 이유

useQuery에 등록한 함수가 Promise를 반환하지 않아서 발생
👉 호출만 하고 리턴을 안 했을 수 있음 아래 코드처럼

const { data, status} = useQuery(['videos', keyword], () => {
    youtube.search(keyword)
});

 

 

해결방법

Promise를 반환해주면됨

화살표함수로 바로 리턴하거나, 중괄호 내부에서 return을 적어주면 됨

 

1. 화살표함수로 바로리턴

const { data, status} = useQuery(['videos', keyword], () => 
    youtube.search(keyword)
);

 

2. 중괄호 내부에서 return

const { data, status} = useQuery(['videos', keyword], () => {
    return youtube.search(keyword)
});