hocs.js

// child functions
export default (
  <Connect mapStateToProps={mapStateToProps} mapDispatchToProps={mapDispatchToProps}>
    {props => (
      <WithRouter>
        {router => (
          <Foo router={router} {...props}/>
        )}
      </WithRouter>
    )}
  </Connect>
)

// render functions
export default (
  <Connect mapStateToProps={mapStateToProps} mapDispatchToProps={mapDispatchToProps} render={props => (
      <WithRouter render={router => (
          <Foo router={router} {...props}/>
      )}>
  )}/>
)

// compose
export default compose(
  connect(mapStateToProps, mapDispatchToProps),
  withRouter
)(Foo)