Функция карты JS в Astro, которая должна работать, но не ⇐ Javascript

[Anonymous]

У меня есть компонент для карты с несколькими свойствами, которые все работают нормально Одним из свойств является вызовом в базу данных, которая приносит некоторые ссылки.{
laureates.map((item) => (
title={item.laureates?.title}
content={item.content}
links={item.laureates?.links}
/>
))
}

и внутри компонента Peoplecard у меня есть сама карта с {title} и {card} , и тогда я хочу отобразить ссылки, так как могут быть несколько, так что это выглядит так:

• {
  links?.map((item) => (
• {item.text}
  
  ))
  }

< /code>
Но это не работает, и я получаю ошибку, говоря, что «элемент не определен».
Но если мне это понравится: < /p>

• {
  links?.map((item) => (
• Just some text
  
  ))
  }

< /code>
или нравится это: < /p>

• {
  links?.map((item) => (
• {item.text}
  
  ))
  }

< /code>
Обе эти работы, как и ожидалось, и возвращает то, что я ищу, только когда я объединяю их, и я не могу понять, почему!
Что мне не хватает?query getLaureates {
allLaureates(first: 100) {
nodes {
title
content
laureates {
links {
attachment {
attached
url
file {
node {
mediaItemUrl
}
}
}
text
}
}
}
}
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... but-doesnt