fix: checkbox with preventDefault on click should not trigger SyntheticEvent

packages/react-dom-bindings/src/events/DOMPluginEventSystem.js

@@ -259,15 +259,34 @@ function processDispatchQueueItemsInOrder(
   }
 }
 
+// `registerTwoPhaseEvent` create additional event by dependencies in queue.
+// Some dependencies event called `preventDefault` which should not trigger synthetic event.
+// In current check logic, we only check `click` to not to trigger `change`.
+// Ref:
+// https://html.spec.whatwg.org/multipage/input.html#the-input-element
+function checkEventValidation(event: ReactSyntheticEvent) {
+  if (
+    event.nativeEvent.defaultPrevented &&
+    event.type === 'change' &&
+    event.nativeEvent.type === 'click'
+  ) {
+    return false;
+  }
+
+  return true;
+}
+
 export function processDispatchQueue(
   dispatchQueue: DispatchQueue,
   eventSystemFlags: EventSystemFlags,
 ): void {
   const inCapturePhase = (eventSystemFlags & IS_CAPTURE_PHASE) !== 0;
   for (let i = 0; i < dispatchQueue.length; i++) {
     const {event, listeners} = dispatchQueue[i];
-    processDispatchQueueItemsInOrder(event, listeners, inCapturePhase);
-    //  event system doesn't use pooling.
+    if (checkEventValidation(event)) {
+      processDispatchQueueItemsInOrder(event, listeners, inCapturePhase);
+      // event system doesn't use pooling.
+    }
   }
   // This would be a good time to rethrow if any of the event handlers threw.
   rethrowCaughtError();

packages/react-dom/src/events/plugins/__tests__/ChangeEventPlugin-test.js

@@ -202,6 +202,29 @@ describe('ChangeEventPlugin', () => {
     expect(called).toBe(2);
   });
 
+  it('should not fire change for checkbox input when preventDefault is called in onClick', () => {
+    const handleReactChange = jest.fn();
+    const handleNativeChange = jest.fn();
+
+    const node = ReactDOM.render(
+      <input
+        type="checkbox"
+        defaultChecked={true}
+        onClick={event => {
+          event.preventDefault();
+        }}
+        onChange={handleReactChange}
+      />,
+      container,
+    );
+    node.addEventListener('change', handleNativeChange);
+
+    node.click();
+
+    expect(handleNativeChange).toHaveBeenCalledTimes(0);
+    expect(handleReactChange).toHaveBeenCalledTimes(0);
+  });
+
   it('should not fire change setting the value programmatically', () => {
     let called = 0;