const links = [ { href: "/countries/countryA", name: "CountryA" }, { href: "/countries/countryB", name: "CountryB" }, { href: "/packages", name: "Packages" }, { href: "/blogs", name: "Blogs" }, { href: "/about", name: "About" }, ]; ............................................................... {links.map((link) => ( <li key={link.href}> <Link href={link.href}> {link.name} </Link> </li> ))}

For above code the navigating between CountryA and CountryB not directling to the page. Suppose when im on CountryA page i try to go to CountryB and vice versa it is not working and navigating between other links except these two are working fine and if i go to other page eg. about and then i go to CountryA/CountryB then it works, i think im doing something wrong here help appreciated