title: Smooth scroll in next js
body: <p>How can I set the scroll effect to smooth (globally) in Next.js?
  I tried to do it on the global css, but it deactivates the scroll-to-top that Next js already has.</p>
  <p>I tried this solution that i found on internet too, but it didn't worked either.</p>
  <pre><code> componentDidMount() {
   Router.events.on('routeChangeComplete', () =&gt; {
      window.scroll({
         top: 0,
         left: 0,
         behavior: 'smooth'
      });
   });
  </code></pre>
  <p>}</p>