Here is next.js Links doc, check it. Should be something like this

import Link from 'next/link'

const List = ({data}) => {
  return (
    <ul>
        {data.map((item) => {
            return (
                <li key={item.name}>
                    <Link href={item.desc[0].p}>
                      <a>{item.name}</a>
                    </Link>
                  </li>
            )
        })}
    </ul>
  )
}