I want to add new Objects when user click on checkbox. For example , When user click on group , it will store data {permission:{group:["1","2"]}}. If I click on topgroup , it will store new objects with previous one 

```
{permission:{group:["1","2"]},{topGroup:["1","2"]}}. 

```

1st : The problem is that I can not merge new object with previous one . I saw only one objects each time when I click on the group or topgroup. 

```
  onChange = value => checked => {
    this.setState({ checked }, () => {
      this.setState(prevState => {
        Object.assign(prevState.permission, { [value]: this.state.checked });
      });
    });
  };

  <CheckboxGroup
            options={options}
            value={checked}
            onChange={this.onChange(this.props.label)}
   />

```

Here is my codesanbox:<https://codesandbox.io/s/stackoverflow-a-60764570-3982562-v1-0qh67>