withProps

withProps.js

import React from 'react';
// use forwardRef polyfills, preparing for future upgrades to React 16
import forwardRef from 'create-react-ref/lib/forwardRef';


const withProps = (defaultProps = {}) => Base => {
  class WithRef extends React.Component {
    render() {
      const { forwardRef, ...rest } = this.props;
      const mergedProps = { ...defaultProps, ...rest };
      return (
        <Base ref={forwardRef} {...mergedProps} />
      );
    }
  }
  return forwardRef((props, ref) => <WithRef {...props} forwardRef={ref} />);
};

export default withProps;