Como dice el título, he proporcionado una clave para cada componente y creo que son únicos. Para reproducir esto de la manera más simple posible, brindo una instantánea de los componentes renderizados con ID que no muestran duplicados ni ausencias. Esto se toma de la consola de desarrollo de reacción y muestra que las claves se seleccionan correctamente para cada componente.
El segundo paso es arrojar el siguiente error:
Warning: Each child in a list should have a unique "key" prop.No tengo problemas funcionales, pero quiero asegurarme de que no estoy haciendo nada malo.
La única suerte que he tenido hasta ahora es al eliminar el componente Marker . El error desaparece. Sin embargo, todos los subniveles también tienen claves, incluido Marker, por lo que no puedo entender este resultado.
La respuesta fue algo que había pasado por alto:
<Step> <StepPropGroup /> <StepPropGroup /> <React.Fragment> <Marker /> <StepPropComment /> </React.Fragment> </Step>React.Fragments también puede tener claves. Era tan inconsciente de esto que ni siquiera pensé en mencionarlo porque era superfluo. Sin embargo, agregarle una clave ahora resuelve el error.