Duplicate click events on Checkbox with `data-track` attribute in Matomo Tag Manager about tonic-ui

[cheton]

The ideal way is to include the data-track attribute in the input element, but currently Checkbox does not provide such a prop. Apart from modifying Checkbox to support inputProps, the workaround for now is to use ref to achieve it. An example is shown below:

<Checkbox
  ref={(node) => {
    node.setAttribute('data-track', 'checkbox');
  }}
  checked={checked}
  onChange={handleChange}
>
  My checkbox
</Checkbox>