How to write higher-order components

hoc.js

import hoistNonReactStatics from 'hoist-non-react-statics'

const withSomething = Component => {
  const C = props => {
    const {  } = props // work with props if needed
    return (
      // render logic
      <Component {...props} />
    )
  }

  C.displayName = `withSomething(${Component.displayName || Component.name})`
  C.WrappedComponent = Component

  return hoistStatics(C, Component)
}

export default withSomething