打开多个扩展面板时出现问题

Question

我的应用程序有问题。 Material-ui的ExpansionPanel组件正在打开多个面板。我只需要打开一个。

father.js

      <div>
          {props.listContratos.map((item, index) => {
            if (item.ativo) {
              return (
                <PartesCardCollapse
                  listPartes={props.listPartes}
                  item={item}
                  key={index}
                  thunks={props.thunks}
                  hideSnackbar={props.hideSnackbar}
                />
              );
            }
          })}
        </div>

son.js

export default function PartesCardCollapse(props) {
  const classes = useStyles();

  const [expanded, setExpanded] = React.useState(false);

  const handleChange = (expanded, panel) => (event, isExpanded) => {
    setExpanded(isExpanded ? panel : false);
  };

  return (
    <div className={classes.root} onClick={getListPartes}>
      <ExpansionPanel
        expanded={expanded === props.item.id}
        onChange={handleChange(expanded, props.item.id)}
      >