React Bootstrap Form.Check working on only double click

Question

I have a Form.Check element I am using in my React app. For some reason only if I click twice in the check box will the actual check mark change. This is causing my handleCh