Bug: onChange handler is lost between re-renders

React version: 18 In our application, we have a checkbox and a button on a page. The button opens a popup which in turn attaches a onClick event of type capture at body level. Now, when we click on the checkbox we observed the onChange handler never gets a chance to execute. ## Steps To Reproduce 1. Click on the button to open a popup. 2. popup attaches a click handler at body level. This event is of type 'capture' to close the popup whenever some random click happens anywhere on the page. 3. Now, if we click on the checkbox the body level click event is executed before the checkbox's onChange event. 4. This click event in turn updates some state, which causes re-render of the checkbox component. 5. popup is closed. 6. The onChange event attached with the checkbox never got a chance to be executed. It is lost somewhere. [Link to code example:](https://codesandbox.io/s/cocky-moon-2tr7e8?file=/src/App.js) ## The current behavior The checkbox remains either checked or unchecked. ## The expected behavior The checkbox should get checked and unchecked with every other click.