Bug: `preventDefault()` breaks checkboxes, they may not reflect the `checked` prop

React version: 18.2.0

Steps To Reproduce

1. call event.preventDefault() in onChange or onClick handler
2. the checkbox element may not reflect the checked={checked} prop in some cases

Link to code example: https://codesandbox.io/s/relaxed-taussig-ypxiuo?file=/src/App.js

The current behavior

I can’t click on <input type="checkbox" /> reliably anymore. It’s preventing us from adopting React 18 in a project, as some of our tests are broken by this bug.

The expected behavior

React 18 should always respect the checked={checked} prop.

[SivaKrishna6745]

I think you are restricting the default behavior of checkbox by adding preventDefault() resulting the different behavior.

[goldmont]

Hi there,

Try event.stopPropagation()