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?
comprueba cómo lo has importado. debería ser así
import NavRoutes from "../utils/navigations.js";Y aparte de esto, intente consolar a NavRoutes y verifique si está obteniendo el valor esperado o no.