add hooks option to scroll restoration docs (#6762)

remix-run · Jun 2, 2019 · 8ed894f · 8ed894f
1 parent 0f5d701
commit 8ed894f
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/packages/react-router-dom/docs/guides/scroll-restoration.md b/packages/react-router-dom/docs/guides/scroll-restoration.md
@@ -26,6 +26,20 @@ class ScrollToTop extends Component {
 export default withRouter(ScrollToTop);
 ```
 
+Or if you are running React 16.8 and above, you can use hooks:
+
+```jsx
+const ScrollToTop = ({ children, location: { pathname } }) => {
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, [pathname]);
+
+  return children;
+};
+
+export default withRouter(ScrollToTop);
+```
+
 Then render it at the top of your app, but below Router
 
 ```jsx