下記の React と TypeScript で書いたコードを試しているのですが、onDragEnter と onDragOver は動くのに onDrop だけ動きません。

import * as React from 'react';

export class FileZone extends React.Component {

  onDragOver = (e) => {
    let event = e as Event;
    event.stopPropagation();
  }

  onDragEnter = (e) => {
    let event = e as Event;
    event.stopPropagation();
  }

  onFileDrop = (e) => {
    let event = e as Event;
    event.stopPropagation();

    console.log("onFileDrop");
    alert("dropped")
  }

  render() {
    return (
      <div
        onDragEnter={this.onDragEnter}
        onDragOver={this.onDragOver}
        onDrop={this.onFileDrop}>
        Drag and drop file here
      </div>)
  }
}

自力で解決しました。諸々の理由で onDragOver を次のように書き直す必要が有りました。

  onDragOver = (e) => {
    let event = e as Event;
    event.stopPropagation();
    event.preventDefault();
  }