Функция OnDrop для удаления перетаскиваемого элемента

Question

Я могу выполнить перетаскивание из одного контейнера в другой в reactjs. Когда я перетаскиваю элемент из одного контейнера и помещаю его в другой контейнер, он отображается в центре отброшенного контейнера. Моё требование - чтобы оно отображалось в том месте, где мой курсор указывает после падения, т.е. падение должно происходить в положении мыши. Ниже указана моя функция удаления

drop(event) {
      event.preventDefault();
      var data = event.dataTransfer.getData("Text");
      event.target.appendChild(document.getElementById(data));

    }