useGridListSelectionCheckbox, in "toggle" mode doesn't work with styled checkboxes

[cedeber]

When building a grid list with checkboxes, the doc page show an example - for the "toggle" mode - using a checkbox rendering a simple input. If we exchange this checkbox with the styled example of it (from the doc), where the input is inside a VisuallyHidden component, the behavior of the toggle mode is broken.

The first selection with the checkbox, triggers the action and then select. And selecting the other options, thanks to the checkboxes, select and unselected directly the row (onSelectionChange is triggered twice). And so, selection is impossible.

In addition, if I use the styled checkbox as an action (unrelated to the selection), then the row action is still triggered. If I use the input, the action is not triggered. Although double click on the checkbox still triggers the action.

The react aria component does work, but I don't know why. Here is a codesandbox with hooks: https://codesandbox.io/s/nameless-https-5kyfhs?file=/src/App.js

[cedeber]

Also looks like, with the replace mode and multiselect, that using Ctrl+click on the checkboxes, even with the checkbox being an input, doesn't select multiple items