fix(web): 핫트렌드에서 새로고침 시 생기는 무한 요청 수정

[brightchul]

한 줄 요약

배포된 핫트렌드 상세 페이지에서 새로고침 시 생기는 무한 요청을 수정

자세한 내용

https://github.com/HAND-PYEON/handpyeon-web/assets/57323359/9c93931f-1190-40bf-85d3-ccf743766d06

문제 상황

• production 배포 후 핫 트렌드 상세 페이지에서 새로 고침시에 무한 요청이 발생

문제 원인

• 핫트렌드 페이지에는 parallel routes, slot(@info, @rank) 을 적용
• 해당 페이지에서 새로고침 (hard navigation) 을 시도할 경우 parellel routes 의 슬롯 경로 loading.tsx가 일부 미적용
• 해당 증상은 development mode에서는 일어나지 않고 빌드 이후 production server 에서만 발생

해결방안

• .next 에서 빌드된 결과들을 보면 loading.tsx가 미적용되어 Suspense 가 누락되어 있는게 확인
• default.tsx를 넣어도 봤지만 해당 문제는 재현
• 문제되는 해당 slot의 page.tsx를 group route 생성 후 감싸면 문제가 수정

관련 이슈 : https://github.com/vercel/next.js/issues/49243

[github-actions[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎	Name	Preview
handpyeon-web	Visit Preview