Obtengo una reproducción infinita cuando trato de hacer un componente de acordeón controlado usando el material ui acordeón. Aquí está mi código, ¿alguien tiene alguna idea de por qué podría estar causando un renderizado infinito?

 const [expanded, setExpanded] = React.useState([true, false, false]); const handleChange = idx => { const newState = expanded.map((value, i) => (i === idx ? !value : value)); setExpanded(newState); };

Y luego los accesorios expandidos y onChange en el componente Accordian se escriben así:

 <Accordion expanded={expanded[0]} onChange={handleChange(0)}>