Porque me sale este error react-dom.development.js:67 Warning: Each child in a list should have a unique “key” prop. See <a href="https:/...

¡Hola! Es porque al renderizar varios elementos, necesitas ponerle una prop llamada

que sea igual a un identificador único, puede ser cualquier cosa pero que no se repita en otros elementos, por ejemplo el id, la url, un código, un nombre, entre otros.

Esto es para que React compare los elementos que hayan cambiado y renderice solo esos y no toooodos, por eso se habla de una optimización de render. 🙌

React por defecto nos pide retornar de a un solo componente que por dentro ya pueda tener cualquier cantidad de componentes. Aunque también podemos devolver arrays de componentes y React lo acepta, solo que en esos casos nos pide darle un identificador único a cada elemento del array para poder diferenciarlos.

Ese tema podemos super profundizarlo en un curso de optimización de render en React.