Advanced React Query Pattern

React Query를 사용할 때 useQuery 훅을 통해 데이터를 가져올 때, 초기 로딩 중에는 undefined 값이 반환되어 undefined 값을 처리해야 하는 번거로움이 발생할 수 있다. ❓

useSuspenseQuery 훅을 사용하면 Suspense boundary 안에 query를 감싸면 로딩 중에 컴포넌트가 렌더링되지 않고 데이터가 준비될 때까지 기다리게 된다. ⏳

따라서 useSuspenseQuery를 활용하면 데이터가 undefined 값으로 반환되는 문제 없이 사용할 수 있다. 🤩