I face the same issue,
actualy in Next JS documentation, They metion to use scroll={true} in Link tag, By default it's true
import Link from "next/link";
......
<Link href="#your-scetion" scroll={true}>Go to Section 1</Link>
but to enable smooth scroll behaviour you also have to add one more thing in you html tag
if you use simple css then:
html {
scroll-behavior: smooth;
}
and if you use tailwind css:
<html className="scroll-smooth">
.......
</html>
this is how I resolve the issue.
Here is the Documentation Link Next Js Link Scroll