Почему React жалуется на key если он есть и он уникальный?

Question

[uRoot]

Есть компонент:

import Comment from "../Comment/Comment";

export default function Comments({ comments }) {
  return(
    <div className={"comments"}>
      {comments.map(element =>
        <Comment
          forKey={element.id}
          name={element.name}
        />
      )}
    </div>
  )
}

export default function Comment({ forKey, name }) {
  console.log(forKey)
  return(
    <div key={forKey} className={"comment"}>
      {name}
    </div>
  )
}

В итоге я вижу ошибку: Warning: Each child in a list should have a unique "key" prop.
Хотя ключи уникальные. Пруф:

Answer 1

[Vitaliy]

Ключ должен быть там, где непосредственно формируется массив, то есть внутри map