Взаимозависимые чекбоксы React

Есть главная компонента с checkbox, в ней еще несколько компонентов со своими checkbox . При нажатии на checkbox родительской компоненты, все checkbox дочерней становятся true, при отжимании соответственно false. Когда все checkbox в дочерних компонентах становятся true, родительская должна стать тоже true, когда все checkbox в состоянии true, при отжимании одной дочерней, родительский тоже должен отжаться, также если несколько нажато , то при нажатии на родительский, оставшиеся тоже должны стать true. Помогите решить уже несколько дней бьюсь над этой задачей.

https://codesandbox.io/s/nifty-lichterman-noucg?file=/src/MainCheckbox.js