React onDrop is not firing

Simply prevent default ondragover event then it works.

onDragOver = (event) => {
    event.preventDefault();
}

return (<div onDragOver={this.onDragOver} {...others}>{children}</div>);

Finally i got the issue, for some reason i have to handle the onDragOver like this :

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

this solved my issue.

Related