Как удалить исходные объекты по умолчанию в reactjs

Question

когда я нажимаю на флажок, мой вывод должен быть в этом формате

{permission:{group:["1","2"]}}

, а также, если я нажимаю второй, мой вывод должен быть в этом формате

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

в настоящее время, я вижу два объекты по умолчанию, такие как это, с использованием intital state

{permission:{group:[]},topgroup:[]}.

Мне не нужно получать начальное состояние, подобное этому {разрешение: {группа: []}, topgroup: []}. Я просто хочу добавить данные, когда пользователь нажимает на флажок.

как я могу удалить начальное состояние?

  UNSAFE_componentWillMount() {
    this.setDefault(false);
  }

  setDefault = fill => {
    const temp = {};
    group.forEach(x => (temp[x] = fill ? groupItems : []));
    this.setState({ permission: temp });
  };

вот мой кодовый ящик: https://codesandbox.io/s/stackoverflow-a-60764570-3982562-v1-um18k