Missing "key" prop for element in iterator

00Rahmad00 — Fri, 24 Feb 2023 14:54:56 +0000

Hey Guys, I am new in next.js, and i get an error while uploaded my next.js in Vercel and Netlify, Can anyone help me ?

`import Link from "next/link";
import { withRouter } from "next/router";

function Navbar({ router }) {
const navs = [
{ text: 'Home', href:'/'},
{ text: 'About', href:'/about'},
{ text: 'Portfolio', href:'/portfolio'},
{ text: 'Contact', href:'/contact'},
];

return (

Rahmad.

    <ul className="nav-links">
      {navs.map(nav => ( 
      <li><Link href={nav.href} className={`nav-item ${ router.pathname == nav.href ?  'active' : ''}`}>{nav.text}</Link></li> 
      ))}
    </ul>
  </div>
 </nav>

);
}

export default withRouter(Navbar);`

DEV Community: 00Rahmad00

Missing "key" prop for element in iterator