check All when all ic checked and check all secondary when primary checked

[H4ckint0sh]

Hello everyone, here I want to check all checkboxes when all is checked and check all secondary checkboxes when primary is checked, for some reason my checked state is false when checkbox is checked and true when it is not. Any help is greatly appreciated.

https://codesandbox.io/s/build-react-hook-form-controller-component-from-scratch-forked-ym4r8w?file=/src/App.js