Me las arreglé para recuperar los datos de Contentful, pero parece que no puedo mapear más en la matriz. No estoy seguro de lo que estoy haciendo mal, ya que recibo el siguiente error: field.fields.map no es una función
export default function Header({ links }) { console.log(links); return ( <div className='header-links'> <ul className='flex text-white uppercase tracking-widest font-medium'> {links.map((link) => ( <div key={link.title}> {link.links.map((field) => { <div> {field.fields.map((singleLink) => ( <p>{singleLink.title}</p> ))} </div>; })} </div> ))} </ul> </div> ); } [ { "title": "Header", "logo": {}, "links": [ { "fields": { "title": "Home", "slug": "/" } }, { "fields": { "title": "Food", "slug": "/Food" } }, ] } ]Cámbialo de esta manera. Cuando está dentro del field , ya son objetos, por lo que ya no puede mapear como una matriz
export default function Header({ links }) { console.log(links); return ( <div className='header-links'> <ul className='flex text-white uppercase tracking-widest font-medium'> {links.map((link) => ( <div key={link.title}> {link?.links?.map((field) => ( <div> <p>{field?.fields?.title}</p> </div> ) )} </div> ))} </ul> </div> ); }