forwardRef to useDraggable

[wibed]

ive seen the ref forwarding pattern: https://docs.dndkit.com/api-documentation/draggable/drag-overlay

and id like to do the reverse, pass the ref to the useDraggable hook, which populates the forwarded ref exposing its inner working to the outside.

pseudo code

const Item = forwardRef(({children, ...props}, ref) => {
  const { attributes, listeners ... } = useDraggable({
    id: ...
    data: ...
    ref: ref    <--- here i define a ref that is passed and publicly accessible
  });

  return (
    <div ref={setNodeRef} ...>{children}</li>
  )
});

my use-case would be to determine position of the draggable element relative to the window.