Tengo una pequeña matriz de datos en un archivo separado.

Cada elemento de la matriz tiene una identificación de un número único.

En otro archivo, declaré accesorios para el componente que quiero generar y el "diseño" general del mismo con (<p>{props.title) y algunos más. Intenté agregar {props.id} e incluso cambiarlo a {props.key} pero no ayuda en ese archivo.

A continuación, renderizo los datos en otro archivo con const cards = shopdata.map(item => {

uno de los accesorios es

 key={item.id} title={item.title}

pero cuando inspecciono la página en mi navegador me da la

Cada niño en una lista debe tener un accesorio de "clave" único.

error.

¿Alguien sabe cómo arreglar este problema? Intenté agregar {props.key} o {props.id} tanto en el archivo en el que estoy renderizando como en la plantilla de accesorios. Intenté cambiar el nombre de id a clave, número en el archivo de datos y luego agregarlo a los archivos de plantilla de accesorios/accesorios, pero se niega a aceptarlo.

Cualquier ayuda sería MUY apreciada, ya que no quiero continuar sin ella, porque planeo usar la ID/clave de una tienda como referencia para agregar/eliminar artículos más adelante.