Use React Ref as bounds for useDrag hook.

[ashoktamang]

As documented, [Since v10 and for the drag gesture only, bounds can be a React ref or an HTMLElement, in which case the dragged element will be constrained to the element bounds (calculated with getBoundingClientRect).], I am trying to use parent's ref as bounds for my child components.

Child components are custom components (and can be multiple) and are exported from different .tsx file. So, these components do not have access to parent ref. As far as I know, I need something opposite of forwardRef.

Any help would be appreciated. Highly appreciated if working example is provided. Thanks in advance.