title: How to fix Gatsby JS Link component retaining scroll position and not resetting to top
body: <p>I'm setting up a website using Gatsby 2.2.10 and the Link components are retaining the scroll positions of the previous page and not scrolling back to the top when they're clicked. </p>
  
  <pre><code>&lt;div className="Footer__legal body"&gt;
   &lt;p&gt;© {new Date().getFullYear()} My Nice Company&lt;/p&gt;
   &lt;Link to="/privacy-policy"&gt;Privacy Policy&lt;/Link&gt;
   &lt;Link to="/page-2"&gt;Page 2 Link component&lt;/Link&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Expected behaviour:</p>
  
  <p>When you click 'Privacy Policy', 'Page 2' or any page at the bottom of the website, I expect the page to load with user being back at the top.</p>
  
  <p>Actual Behaviour:</p>
  
  <p>User stays at scroll position of the current page</p>