title: Next.js - router.push without scrolling to the top
body: <p>I am using router from next by importing <code>useRouter</code> from <code>next/router</code>.</p>
  <p>I am trying to find a solution which will not scroll to the top of the page when I change the query of the URL. Is there any solution? I know that Link component from Next has that option, but I need to use Router component. My next version is 10.0.5.</p>
  <pre><code>const router = useRouter();
  
  const changeCurrency = (newCurrency) =&gt; {
     //Do some stuff here
  
      Router.push({
          pathname: router.pathname,
          query: { ...router.query, currency: newCurrency.value },
      });
  };
  </code></pre>