add ScrollToTop

src/common/ScrollToTop/ScrollToTop.tsx

@@ -0,0 +1,14 @@
+import { useEffect } from 'react';
+import { useLocation } from 'react-router-dom';
+
+function ScrollToTop() {
+  const { pathname } = useLocation();
+
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, [pathname]);
+
+  return null;
+}
+
+export default ScrollToTop;

src/features/App.tsx

@@ -4,6 +4,7 @@ import * as ROUTES from '@config/routes';
 
 import { Switch, Route } from 'react-router-dom';
 import { CssBaseline } from '@material-ui/core';
+import ScrollToTop from '@common/ScrollToTop/ScrollToTop';
 
 import IndexPage from './IndexPage/IndexPage';
 import NotFoundPage from './NotFoundPage/NotFoundPage';
@@ -24,6 +25,7 @@ function App() {
         </Route>
       </Switch>
       <CssBaseline />
+      <ScrollToTop />
     </Fragment>
   );
 }