TypeError: no se pueden leer las propiedades de undefined (leyendo 'incluye'). Recibí este error, pero no puedo pasar y resolver el problema. El error muestra esta línea
{addOption && addOption.length && ( <Select onClick={(e) => e.stopPropagation()} labelId="demo-customized-select-label" id="demo-customized-select" // value={addOption[i]} value={addOption[i]} multiple onChange={(ev) => handleadd(ev, i)} renderValue={() => { return selectedOptionNames[i]; }} input={<BootstrapInput />} > <MenuItem value={1} disabled> FILE </MenuItem> <MenuItem value={2}> <Checkbox checked={addOption[i].includes(2)} /> <ListItemText>{addOptionNames[1]}</ListItemText> </MenuItem> <MenuItem value={3}> <Checkbox checked={addOption[i].includes(3)} /> <ListItemText>{addOptionNames[2]}</ListItemText> </MenuItem> <MenuItem value={4}> <Checkbox checked={addOption[i].includes(4)} /> <ListItemText>{addOptionNames[3]}</ListItemText> </MenuItem> </Select>Según su fragmento de código, addOption es una matriz. Por lo tanto, debe realizar el método de inclusión en la matriz en sí, no en un solo elemento de la matriz. Mira esto en los elementos de tu menú:
<MenuItem value={X}> <Checkbox checked = { addOption.includes(X) } /> <ListItemText> { addOptionNames[X-1] } </ListItemText> </MenuItem>