How to make collapse on click?

Question

React

Hello.
Trying to make a small accordion using material-ui.
So far I have done this: https://codesandbox.io/s/rj1yqr28mq
But when you click on the same div, it does not collapse, because the panel is remembered in the state. Tell me how you can solve this problem?

Answer 1

handleClick = panel => {
  const panelName = this.state.panelName === panel ? null : panel;
    
  this.setState({
    panelName,
  });
};

Answer 2

https://codesandbox.io/s/pjpnvonzz7