Why does React complain about key if it exists and is unique?

Question

React

There is a component:

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>
  )
}

I end up with an error: Warning: Each child in a list should have a unique "key" prop.
Although the keys are unique. Proof:

Answer 1

The key must be where the array is directly formed, that is, inside the map