How create custom checkbox with background using Styled Components?

Question

I've create checkbox with background, but when checkbox is active you can't uncheck it clicking on icon. You can uncheck only clicking Label text and I can't figure out what is wrong with

CodeSandbox

Answer 1

Its because your label is blocking the clicking event, try adding

pointer-events: none;

to your Label component