the pressed property of the ToggleButton is not respected

[simonseyock]

the pressed property of the ToggleButton is not respected

[Unraveler]

If you use ToogleButton without using a ToogleGroup, then pressed is respected. This is because ToogleGroup is testing the selectedName against the child pressed prop :

const childrenWithProps = React.Children.map(children, (child) => {
      // pass the press state through to child components
      return React.cloneElement(child, {
        pressed: this.state.selectedName === child.props.name
      });
    });

Check here for an example --> https://codesandbox.io/s/react-geo-pressed-forked-8nn45?file=/index.js

[simonseyock]

Maybe pressed could be calculated like this:

this.stat.selectedName === undefined ? child.props.pressed : this.state.selectedName === child.props.name

But then selectedName would need to get updated after and this would allow multiple buttons to be pressed at once.
The current behaviour is definitely easier, but if it should stay this way it would be nice if the documentation could be updated.

[Unraveler]

I agree on updating the Docs, it makes sense to have the group control the button that is pressed, but this is not at all clear