Как получить координаты в реальном времени с помощью React DnD

Question

Библиотека

react-dnd для ReactJS предоставляет обратные вызовы begin и end для перетаскивания. Однако я не могу найти в документации способ доступа к событию drag, которое запускается во время перетаскивания. Как правильно получить доступ к этому событию в компоненте, который использует react-dnd?

Мне нужна обратная связь в реальном времени, чтобы я мог отображать координаты выполняемого перетаскивания.

Ожидается:

function Draggable({ onDrag, children }) {
  const [, drag] = useDrag({
    item: { id, type },
    onDrag, // this is not available in react-dnd
  })

  return <div ref={drag}>{children}</div>
}