title: React-datasheet editorDialog closed by dropDown click without tigger onChange
body: <p>I use <a href="https://github.com/nadbm/react-datasheet" rel="nofollow noreferrer">react-datasheet</a> <code>table</code> to show a matrix/grid of data. I did overwrite the <a href="https://github.com/nadbm/react-datasheet#data-editor" rel="nofollow noreferrer">dataEditor</a> to open a custom dialog where you can only select preselected values, from a <a href="https://material-ui.com/components/selects/#selects" rel="nofollow noreferrer">material-ui dropdown</a>. But if you select a value from dropdown the dialog, the dialog will be close without triggering <code>onChange</code> function.</p>
  <p>I did rebuild the issue in a codesandbox:
  <a href="https://codesandbox.io/s/rough-moon-4cfe3" rel="nofollow noreferrer">https://codesandbox.io/s/rough-moon-4cfe3</a></p>
  <blockquote>
  <p>If I use native dropdown I can select a value and my <code>onChange</code> function will be triggered:</p>
  <p><code>&lt;Select native onChange={handleChange} value={currentValue}&gt;</code> in <code>src/components/EditorDialog.js:17</code></p>
  </blockquote>