PropTypes of wrapped component leak through

Suppose the following simple and common example:

import {connect} from 'react-redux'
import React, {Component, PropTypes} from 'react'

@connect((state) => ({
  age: state.age
}))
class Foobar extends Component {
  static propTypes = {
    name: PropTypes.string.isRequired,
    age: PropTypes.number.isRequired,
    dispatch: PropTypes.func.isRequired
  }

  render () {
    // ...
  }
}

So <Foobar/> needs name, age and dispatch whereas age and dispatch are provided via the @connect HOC. But when I render the component as one would exepect with

<Foobar name='My Name'/>

I get warnings from React, saying that Connect(Foobar) is missing the required props age and dispatch, even though <Foobar/> itself never get rendered without these props (so from <Foobar/>'s point of view everything is fine). To work around this I have two bad options:

1. Make age and dispatch non required or
2. Render <Foobar/> resp. <Connect(Foobar)/> with dummy values for age and dispatch.

The warning is strange by itself anyway, because looking at the code I see

Connect.propTypes = {
  store: storeShape
}

// ...

return hoistStatics(Connect, WrappedComponent)

And I also checked that the .propTypes of the returned HOC only contain the store props. Still I keep getting this warnings.

Btw, I am using the following versions:

• react 15.2.1
• react-redux 4.4.5

Thanks for your help.

[choffmeister]

FYI: There seems to be an ticket for the issue regarding these two babel plugins.

https://github.com/loganfsmyth/babel-plugin-transform-decorators-legacy/issues/17

[jimbolla]

It might be worth documenting this in the react-redux docs though.