React-query 사용하면, waterfall 이 미친듯이 증가해요

React-query의 경우, 처음 데이터를 가져올 때 비동기 요청을 보내는 부분이 있어서 그 부분에서 지연이 발생할 수 있습니다. 보통 이런 케이스는 네트워크 상태나 API 서버 상태에 따라 달라질 수 있는데요. 하지만 13초나 걸리는 것은 이상하다고 볼 수 있습니다. 1. 먼저 리액트 쿼리의 설정을 확인해보세요. fetchPolicy 같은 옵션이 잘못 설정되어있지는 않은지, cacheTime 등 다른 옵션들도 살펴보시면 좋을 것 같습니다. 2. 만약 리액트 쿼리 설정에 문제가 없다면 API 서버의 응답 시간을 확인해보세요. 네트워크 탭에서 requests를 확인하고, 서버에서 데이터를 가져오는 데 시간이 오래 걸린다면 서버 쪽에 문제가 있을 가능성이 큽니다. 3. 추가적으로 React Devtools를 통해 프로파일링을 해보아도 괜찮습니다. 4. 또한 주의사항으로 애니메이션 및 다수의 동기화 작업으로 인해서 웹팩 번들링 시간과 화면 로드 속도가 크게 저하될 수 있는데 이 부분들도 체크해 보시는 것도 좋습니다. 정확한 원인을 찾아보려면 위의 항목들을 체크해보시고, 추가적으로 직접 코드를 살펴봐야 할 것 같습니다.