무한스크롤 queryKey에 pageSize 고민 #22
Description
📑 기능 설명
문제 상황
usePageSize()가 브레이크포인트가 바뀔 때마다 값이 변하면, 이미 받아둔 무한 스크롤 페이지들과 합쳐질 때 기준이 흔들려서(캐시 키도 동일) 머지/하이드레이션/인덱싱이 꼬일 수 있음
- 안정형: pageSize를 처음 마운트 시점에 한 번만 계산해서 고정(ref) → 컴포넌트 생애주기 동안 값이 불변이라 머지가 안정적임
- 동적형: 계속 바꾸고 싶다면 pageSize를 queryKey에 포함해서 값이 바뀔 때 완전히 다른 쿼리로 리셋/재조회되게 해야 함
둘 중에 하나 선택해서 반영해야 함
✅ 작업할 내용
- 컴포넌트 구현