onDrop doesn't work when I drop images from my pc on it. The behaviour is just normal (opens the image on another tab in chrome)
onDragEnter and onDragLeave works.

    function handleOnDrop(e: DragEvent<HTMLDivElement>) {
        e.preventDefault();
        e.stopPropagation();
        console.log("testing")
    }

    return (
        <div onDragEnter={handleOnDragEnter} onDragLeave={handleOnDragLeave} onDrop={handleOnDrop} onClick={handleDropZoneClick} className='drop-zone'>
        </div>
    )