connectAdvanced.js

export default function connectAdvanced(selectorFactory, options) {
  return function wrapWithConnect(WrappedComponent) {
    class Connect extends Component {
      static contextConsumers = [ReactReduxContext.Consumer]
    
      static getDerivedStateFromProps(nextProps, [context], prevState) {
        const { dispatch, state } = context
        return this.selector(dispatch, state, nextProps, prevState) // returns `null` if no changes
      }

      addExtraProps(props) {/* the usual */}

      render() {
        return createElement(WrappedComponent, this.addExtraProps(this.state)) // <--
      }
    }

    Connect.WrappedComponent = WrappedComponent
    return hoistStatics(Connect, WrappedComponent)
  }
}