[React][Error] useQuery 에러 발생 : Query data cannot be undefined

useQuery 에러 발생

Query data cannot be undefined. Please make sure to return a value other than undefined from your query function

 

발생 원인 ?

useQuery에 등록한 함수가 Promise를 반환하지 않아서

 

해결 방법 ?

명시적으로 리턴을 해주어야한다

  const { isLoading, data } = useQuery(['querykyes'], async () => {
    const res = await axios.get('urls', {});
    return res.data;
  });
...