[react] 새로고침하면 맨 위로 보내기

오랫만에 리액트 업무를 하다가 스크롤로 로그를 수집하는 작업이 있었는데,
새로고침 할 때마다 중간에서 리프레시 되는 점이 상당히 거슬렷다.

구글링을 조금 해봤는데 안내하는 방법들로 시도해봐도 잘 작동하지 않는다.
다양한 방법 중 내가 선택한 코드는 아래와 같다.

useEffect(() => {
    window.onbeforeunload = function pushRefresh() {
      window.scrollTo(0, 0);
    };

}, []);

이 글을 보고계신
위의 코드로 하고 성공하신 분, 다른 코드로 성공하신 분
어떻게들 되셨는지 궁금합니다

참고: https://stackoverflow.com/questions/60813961/react-scroll-to-top-on-page-refresh-dont-restore-position