title: React doesn't respond to dispatched change event
body: <p>I'm handling <code>onPaste</code>, parsing the data, then I need to trigger any existing <code>onChange</code> handlers.</p>
  
  <pre><code>const event = new Event("change", { bubbles: true});
  e.target.dispatchEvent(event);
  </code></pre>
  
  <p>It works fine on native input elements, but doesn't seem to work on React components. Dispatching the <code>change</code> has no effect when used on the component</p>
  
  <p>Here's a code sample: <a href="https://codesandbox.io/s/react-paste-change-1tr5k" rel="nofollow noreferrer">https://codesandbox.io/s/react-paste-change-1tr5k</a></p>
  
  <p><code>e.preventDefault</code> is necessary because the contents need to be replaced after parsing.</p>
  
  <p>Seems to be related to event bubbling and/or how React synthetic events behave but I can't pinpoint the issue.</p>