Pass Forwarding Refs to the component

[leonardoelias]

Today the components are like this:

function Button({
  isDisabled,
  isLoading,
  loadingText,
  isLink,
  children,
  ButtonWrapper,
  ...props
}) {
  // ... rest components

  return (
    <SelectedButton isLoading={isLoading} disabled={isDisabled} {...props}>
      {buttonInner}
    </SelectedButton>
  );
}

to

const Button = React.forwardRef(
  (
    {
      isDisabled,
      isLoading,
      loadingText,
      isLink,
      children,
      ButtonWrapper,
      ...props
    },
    ref
  ) => {
    // ... components

    return (
      <SelectedButton
        ref={ref}
        isLoading={isLoading}
        disabled={isDisabled}
        {...props}
      >
        {buttonInner}
      </SelectedButton>
    );
  }
);

So we can we want to forward the ref from the outside of.
https://reactjs.org/docs/forwarding-refs.html

I can work on that refctory and open a PR for better evaluation.

However, I would like to know how to trade.

[kylesuss]

Hi 👋 . Thanks for the suggestion. Can you describe the use case that you think the ref needs to be forwarded? So far we haven't needed that, but maybe I am missing something useful.