React - Cannot toggle the checkbox if multi-select the group(with sandbox)

When I click the + button to expand the group and click the checkbox of group 1, it executes as expected.

But the problem is,
If I click the checkbox of group 1 first and then expand the group by clicking + button,
It shows all user clicked which is correct, if I clicked the checkbox of group 1 again,
the checkbox of group 1 become unchecked, but the checkboxes of users do not get unchecked.

Reproduce step: refresh the page > Click group 1 checkbox > click + to expand > click group 1 checkbox again > then you'll see user checkbox do not become unselected

SandBox Link below:
https://codesandbox.io/s/dazzling-antonelli-gl9rm