Please continue reading below to see how to use it or read my guide on using React's events with TypeScript.
interface DragEvent<T = Element> extends MouseEvent<T, NativeDragEvent> {
dataTransfer: DataTransfer;
}
import React, { DragEvent } from 'react';
const ButtonComponent = () => {
const handleDragEvent = (e: DragEvent<HTMLDivElement>) => {
e.preventDefault();
// Do something
};
return <div onDragEnter={handleDragEvent}>Drag me!</div>;
};
export default ButtonComponent;