[Solved]-<Link> does not work as expected in NextJS-Reactjs

function Posts({ posts }) {
  return (
    <ul>
      {posts.map((post) => (
        <li key={post.id}>
          <Link href={`/blog/${encodeURIComponent(post.slug)}`}>
            <a>{post.title}</a>
          </Link>
        </li>
      ))}
    </ul>
  )
}

{myArray.map((item) => (
 <NextLink href={`/something/${item.slug}`} passHref>
     <a href={`/something/${item.slug}`}>
         Dynamic link for {item.id}
      </a>
</NextLink>
))}

 <NextLink href={`/something/${item.slug}`} passHref>
     <a href={`/something/${item.slug}`} rel="noopener">
         Dynamic link for {item.id}
      </a>
</NextLink>
))}

<Link href={"/browse/" + e.name} key={e.name} passHref={true}>
    <a>
        <Card
            key={index}
            name={e.name}
            description={e.description}
            price={e.price}
            img={e.img}
        />
    </a>
</Link>