HOC FTW

hocClassBoilerplate.js

import React from "React"
import hoistNonReactStatic from "hoist-non-react-statics"

const withHOC = hocProps => WrappedComponent => {
    // use `hocProps` to configure how the HOC behaves towards it's `WrappedComponent`
    const { debug } = hocProps

    if (debug) {
        console.debug("withHoc is in DEBUG mode")
    }

    class WithHOC extends React.Component {
        render() {
            const { forwardedRef, ...restProps } = this.props

            return <WrappedComponent {...restProps} ref={forwardedRef} />
        }
    }

    WithHOC.displayName = `WithHOC${WrappedComponent.displayName || WrappedComponent.name || "Component"}`

    hoistNonReactStatic(WithHOC, WrappedComponent)

    return React.forwardedRef((props, ref) => (
        <WithHOC {...props} forwardedRef={ref} />
    ))
}

export default withHOC

withHOC({ debug: true })(MyComponent)