<List> {instructionList.map((el) => ( <ListItem divider key={el.id}> <Checkbox disableRipple /> <ListItemText>{el.instruction}</ListItemText> <ListItemSecondaryAction> <IconButton onClick={() => deleteInstruction(el.id)}> <DeleteIcon /> </IconButton> </ListItemSecondaryAction> </ListItem> )) } </List>

Quiero representar condicionalmente un elemento de lista de viñetas numeradas o una casilla de verificación en función de si el.type === 'número' o el.type === 'casilla de verificación'. ¿Cómo hago esto?