Client-Side Code update in page.js code file.

[vignesh1507]

If you want to perform any DOM manipulation (like document.getElementById()), it's important to remember that React follows a server-side rendering model. To avoid accessing the DOM before it's rendered on the client-side, you should wrap scrollToSection in a useEffect hook or ensure that it runs only after the component mounts.

useEffect(() => {
  const section = document.getElementById("more-section");
}, []);

A minor suggestion:

window.scrollBy({ top: -1 }) scrolls the page up by one pixel, which may not be noticeable. If you're trying to fine-tune the position after scrolling, this might be too small.