[fix] 어드민 페이지 강제 스크롤 초기화 개선

[lybell-art]

어떤 버그인가요?

어드민 페이지에서, 로그인되었을 때 나오는 일부 스크롤이 존재하는 페이지를 새로고침하면 강제로 스크롤이 초기화됩니다.

1. 어드민 페이지의 기대평-상세 기대평 섹션 페이지에 들어갑니다.
2. 새로고침을 합니다.
3. 스크롤 상태가 초기화됩니다.

예상되는 오류 원인

App 컴포넌트에서 initLoginState 컴포넌트를 useEffect로 실행하게 합니다. 이것은 localStorage가 브라우저에서만 존재하는 api이기에, 클라이언트 - 빌드 시 불일치 오류를 막기 위해서 사용되었습니다.
단, 이 과정에서 초기 렌더링에서는 initLoginState가 무조건 false이며 이니셜라이즈되지 않았으므로, 무조건 빈 화면이 잠깐 보여졌다가 실제 페이지가 보여지게 됩니다. 이 과정에서 스크롤 상태가 0으로 초기화되는 것으로 추정됩니다.

SSG 빌드 시와 실제 빌드시의 오류를 해결하기 위해, useSyncExternalStore의 3번째 인자(서버 렌더링 시 3번째 인자의 결과가 상태로 취급되어서 렌더링함)를 활용하는 방안을 고려하고 있습니다.

예상 결과

참고 이미지 및 자료