onChange event on checkbox that exposes the input synthetic event

[spassvogel]

I'm using the Checkbox in a form together with server actions in NextJs. The form lives on a server component, the Checkbox is in a client child component.

What I would like to do is submit the form as soon as one of the values change, using the input type="checkbox"'s synthetic event to access the containing form, like so.

<Checkbox name="tos" onChange={(e) => e.currentTarget.form?.requestSubmit()} />

However, the only event the Checkbox seems to have is a onCheckedChange with a boolean, which is quite limited

the onClick on the Checkbox is not useful either, because at this point the underlying checkbox is not yet changed..