Clear state of Checkbox group in custom component

[distant jetty]

I made a custom component to display checkbox list . I am passing the the state from parent component but for some reason the setChecked([]) is not updating checked state

https://codesandbox.io/s/quiet-water-pu3k4m?file=/src/App.tsx

[nimble oar]

use value instead of defaultValue in your CheckList component

[distant jetty]

Thanks it worked. can you explain difference?