javascript – The Smooth Scrolling is not functioning next/link

I am utilizing next/Link yet smooth scrolling is not functioning yet when i usage support tag it is functioning correctly while utilizing support tag web page is refilling yet next/link does not pack web page whenever course adjustments

Css

 html {
scroll-behavior: smooth;
}

index.js

 {
navItems.map(( thing, index) => > (
<< Web link secret= {index} href= {item.href} passHref legacyBehavior>>.
<< a className=" w-full px-4 py-4 -ml-4 text-gray-500 rounded-md dark: text-gray-300 float: text-gradient emphasis: text-gradient emphasis: bg-indigo-100 dark: emphasis: bg-gray-800 emphasis: outline-none dark: emphasis: bg-neutral-700".
aria-label=" Toggle Food selection".
onClick= {handleOpen}
>>.
{item.name}
<.
<.
))}

Required smooth scrolling with next/link