Enable ref forwarding for leaf components

[SiAdcock]

Is your feature request related to a problem? Please describe.

In React, refs provide a reference to the DOM element associated with a React element. However React components cannot directly accept ref props.

Describe the solution you'd like

We need a way to access references to DOM elements associated with instances of Source components. Possible implementations would be:

• Ref forwarding
• Passing a ref prop with a different name (e.g forwardedRef), which gets passed as a ref within the component.

Additional context

This is blocked by an issue at the intersection of forwardRef, defaultProps and TypeScript. (partially fixed and explained here, but this doesn't address the forwardRef case)

[SiAdcock]

Hi @liywjl 👋

I'm raising this after we discussed it many weeks ago! I did try to fix it but became bogged down by TypeScript issues. Did you find a way of making this work without any changes to Source?

[SiAdcock]

Not much action on this, so I'm closing for now. Feel free to re-open if this is still causing a problem