title: On React navigating to a page using useNavigate, I cannot scroll until I refresh
body: <p>So on a react app I'm experiencing some strange behaviour. I have a function where after certain things have been run, I want to then direct to another page, dashboard. However, I noticed that after the redirect, I am unable to scroll down the page (despite there being more content rendered below off the page).</p>
  <p>I just added 2 simple buttons to the home page to test it out.</p>
  <pre><code>        &lt;button onClick={clickFunction}&gt;i am a button&lt;/button&gt;
          &lt;a href=&quot;/Dashboard&quot; className=&quot;text-[#2B7FFC]&quot;&gt;
            View all dsds
          &lt;/a&gt;
  </code></pre>
  <p>The  link redirects fine and I can scroll fine as usual on dashboard. The button which runs the function:</p>
  <pre><code>  const navigate = useNavigate();
  
    const clickFunction = () =&gt; {
      navigate(&quot;/Dashboard&quot;);
    };
  </code></pre>
  <p>Will direct me to the dash page too, but no scrolling available.</p>
  <p>Can anyone point me into the right direction of what could be causing this?</p>
  <p>I'm new to coding so sorry if I say anything stupid or I haven't laid out the issue clearly! Thanks for any help :)</p>