Tengo una matriz como esta.

Necesito representar estos datos uno por uno con mi componente. Así que traté de crear una función de mapa y hacer que estos datos sean verdaderos en el mapa. Pero no está funcionando. No puedo encontrar la solución para eso. Estoy luchando con este error con horas similares. En serio necesito tu ayuda.

Este es el componente que necesito para representar mis datos uno por uno.

 function addVariantSection(data) { return( <Grid container spacing={10}> <Grid item xs={12} style={{ justifyContent: 'space-between', display: 'flex' }}> <div>{data.variant1}</div> <Checkbox color='primary' inputProps={{ 'aria-label': 'secondary checkbox' }} /> </Grid> </Grid> ) }

Así es como paso los datos a este componente,

 {itemVariant.map((item)=>addVariantSection(item))}