Incorrect cursor when dragging on safari browser

[amatelic]

Overview of the problem

I'm using react-rnd 10.3.5

My browser is: Safari Version 15.3 (17612.4.9.1.8)

Reproduced project

Code can be reproduced here https://codesandbox.io/s/y3997qply9

Description

On safari, the cursor is incorrect when dragging. Rather than having the move cursor, we have a text cursor.

Steps to Reproduce

1. Open link
2. Start dragging div.

Expected behavior

Should see the move/dragging cursor.

Actual behavior

Seeing the edit cursor.

[briskajanis1]

Just add e.preventDefault() on your drag handler. That fixes the issue.