App Router에 페이지 전환을 넣으려고 Next 16의 ViewTransition을 켰다가 다시 뺐습니다. 스냅샷이 뷰포트가 아니라 요소 전체 높이로 잡히고, 전환 중에는 스크롤이 막힙니다. 결국 key 재마운트와 CSS 애니메이션으로 돌아왔습니다.

localStorage 읽기를 useState + useEffect에서 useSyncExternalStore로 바꾸며 깜빡임을 고쳤다고 커밋에 적었습니다. headless Chrome으로 재보니 두 구현의 DOM 변화는 같았습니다. 측정 방법과, 이 훅을 쓸 진짜 이유.

ChatGPT·Claude처럼 보낸 메시지를 뷰포트 상단에 붙이는 훅입니다. id 트리거, rAF, min-h-full 세 가지가 맞물려야 동작합니다.