Example HoC for style-properties

props-as-style-overrides.js

function withPropsAsStyleOverrides (WrappedComponent) {
  return ({style, ...props}) => {
    // make style spreadable
    style = Array.isArray(style) ? style : [style]

    // split the incoming properties into a style and forward group
    const {styleProps, forwardProps} = Object.keys(props).reduce((split, key) => {
      if (isStyleProp(key)) {
        split.styleProps[key] = props[key]
      } else {
        split.forwardProps[key] = props[key]
      }
      return split
    }, {styleProps: {}, forwardProps: {})
    
    // forward non-style props, merge style rules onto copmbined style prop
    return <WrappedComponent {...forwardProps} style={[styleProps, ...style]} />
  };
}

const StylableView = withPropsAsStyleOverrides(View)

<StylableView height={50} width={50} backgroundColor="blue" />