En mi aplicación Next JS obtengo una matriz y la mapeo para la barra de navegación. pero cuando lo hago arroja un error de TypeError: _utils_navigation__WEBPACK_IMPORTED_MODULE_6___default(...).map is not a function . mi código es el siguiente.

 {NavRoutes.map((navs, index) => { console.log(navs.title); console.log('bhsjvhjvs'); return ( <Link href={navs.link}> <div className={`${ router.asPath === navs.link ? "text-active-red" : "" }`}>{navs.title}</div> </Link> ) })}

y la matriz

 const NavRoutes = [ { title: "HOME", link: "/" }, { title: "NEWS", link: "/news" }, { title: "CHANNEL", link: "/channels" }, { title:"SHOWS", link: "/shows" }, { title: "SCHEDULE", link: "/schedules" }, { title: "CONTACT", link: "/contact" }, ] export default NavRoutes;

Entonces, ¿cómo puedo solucionar esto?