Draggable are not detecting onClick Event

I am using useSortable and I want to listen to onClick event handler as well, but it is not detecting the click (double click as well). I am just doing as simple as that. How to detect the double click event on draggable ? ?

<div
                ref={setNodeRef}
                {...attributes}
                {...listeners}
                style={style}
                onClick={(e) => {
                    if (e.detail == 2) {
                        console.log("Double Clicked")
                    }
                }}
            >
                Card
</div>

[clauderic]

Add a delay or distance activation constraint, or use a drag handle.

[MuhammadHamzaChippa]

onMouseDown event is working fine as well.