단순히 스크롤 업되는거만 원하신다면...

```
function backToTop() {
  const position =
    document.documentElement.scrollTop || document.body.scrollTop;
  if (position > 1) {
    window.requestAnimationFrame(() => {
      window.scrollTo(0, position - position / 10);
      backToTop();
    });
  }
}
```

이런거 함수 쓰시면 되는데.. 리액트에서 되는지는 테스트를 안해봤습니다.

react-router-dom 라이브러리에 useLocation이라는 훅이 있습니다. 이친구를 사용하시면 수월하게 하실 수 있을 거에요~

```ts

...,
import { useLocation } from 'react-router';
...,

interface Props {
  children: React.ReactNode;
}

const ScrollToTop = ({ children }: Props) => {
  const { pathname } = useLocation();

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

  ...,
}

```

질문

React-router-dom 사용중입니다.

/About 페이지 내에서 "/About" 페이지로 이동하는 <Link> 태그를 추가했습니다.
이 때 /About 페이지 링크를 클릭하면 해당 페이지가 새로고침되어 맨 위쪽으로 올라가는 느낌을 주고 싶습니다. (페이지 이동시 기본 설정됨)

(`window.location.href, replace` 제외하고 도움 부탁드립니다)

예시로 Github 페이지를 들어볼게요

*   https://github.com/discord/discord-api-docs

해당 페이지 접속 후 맨 위쪽에 레포 네임인 `discord-api-docs`를 클릭하면 다시 로드되는, 그런 느낌을 가지고 싶습니다.

미리 답변 감사드립니다 :)
