Ref-forwarding examples based on an idea from Sebastian

ref-forwarding-examples.js

function createHOC(SomeComponent) {
  class WrapperClass extends React.Component {
    render() {
      return <SomeComponent {...this.props} ref={this.props.forwardedRef} />;
    }
  }

  return Ref.forward((props, ref) => (
    <WrapperClass {...props} forwardedRef={ref} />
  ));
}

function WrapperFunction(props) {
  return <ClassComponent {...props} ref={props.forwardedRef} />;
}

// Either...
export default Ref.forward((props, ref) => (
  <WrapperFunction {...props} forwardedRef={ref} />
));

// Or maybe...
export default Ref.forward((props, ref) => WrapperFunction({
  ...props,
  forwardedRef: ref,
});