[React] 페이지 이동 시 스크롤 맨 위로 가게 하기

1. routes 폴더 안에 scrollTop 이라는 이름의 폴더를 생성

import { useEffect } from "react";
import { useLocation } from "react-router-dom";

export default function ScrollToTop() {
  const { pathname } = useLocation();

  useEffect(() => {
    window.scrollTo(0, 0);
  }, [pathname]);

  return null;
}

2. index.js 에서 App 과 동일한 깊이에 scrollTop 넣어주기

  <BrowserRouter>
    <ScrollToTop />
    <App />
  </BrowserRouter>