Tengo un div que se puede arrastrar en una aplicación de reacción. Cuando habilito el arrastre usando draggable={true} , veo que se crea una imagen fantasma y sigue el movimiento del mouse. Solo quería deshacerme de él.

Mi componente real es el primero. La imagen fantasma es la segunda.

Cuando lo busqué, encontré esta solución de stackoverflow . Implementó el siguiente fragmento de código y eliminó el viejo fantasma.

 let img = new Image(); img.src = empty; // this is just an empty png file const onDragStartHandler = (event) => { event.dataTransfer.setDragImage(img,0,0) // ... }

Sin embargo, ahora veo una animación diferente por una fracción de segundo al comienzo de la operación de arrastre. ¿Cómo puedo eliminar eso? ¿O hay alguna manera de deshabilitar completamente la transferencia de datos? event.dataTransfer.clearData() pero no funcionó.