Отдаёт эту ошибку:
Warning: Encountered two children with the same key, `Sister Moons`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.
Для ключа использую ID (Внешнее API от NASA). Эти ID уникальны, проверил созданием array и добавление в него id для данной итерации, если нет такого значения уже. Получаю ошибку все равно. Тогда использовал для key просто индекс (1,2,3). Получил 100 элементов, ключи дошли от 1 до 99 и все равно вижу ошибку. Интересно, что элементов 100, а ошибок 70.
Код:
<Element
classy="post post--image"
key={value.data[0].nasa_id}
img={value.links[0].href}
desc={value.data[0].description}
title={value.data[0].title}
/>
const Element = ({ classy, img, desc, title }: Props) => {
return (
<Card
className={classy}
image={img}
header={title}
description={desc}
extra={extra}
/>
);
};
