Details open attribute isn't working for callbacks

[nico-bohlinger]

You can set the open attribute for the details component correctly but you can't change it afterwards in a callback. This seems to be a problem with react and I found this solution:

const onToggle = event => {
 event.preventDefault();
 setOpen(!open);
};

// Later on...
return (
 <div className="App">
 <details open={open} onClick={onToggle}>...</details>
 </div>
)

Source: react/react#15486

Could somebody fix this?