Dashboard 중간저장

egovframe-template-simple-react-contribution/src/components/ScrollTop.js

@@ -0,0 +1,26 @@
+import PropTypes from 'prop-types';
+import { useEffect } from 'react';
+import { useLocation } from 'react-router-dom';
+
+// ==============================|| NAVIGATION - SCROLL TO TOP ||============================== //
+
+const ScrollTop = ({ children }) => {
+    const location = useLocation();
+    const { pathname } = location;
+
+    useEffect(() => {
+        window.scrollTo({
+            top: 0,
+            left: 0,
+            behavior: 'smooth'
+        });
+    }, [pathname]);
+
+    return children || null;
+};
+
+ScrollTop.propTypes = {
+    children: PropTypes.node
+};
+
+export default ScrollTop;