Destructuring values from props is not recognized by proptypes inside PropTypes.shape

[GreenGeorge]

This is similar to #782 which actually works properly for me, what doesn't work is when the proptypes are inside shape() :

const Person = ({ person }) =>
  <h1>{ person.name }</h1>;

Person.propTypes = {
  person = React.PropTypes.shape({
    name: React.PropTypes.string, 
    // eslint error 'person.name' PropType is defined but prop is never used
    // error also pops up on stateful components
  }),
};

It works fine when i dont destructure

const Person = props =>
  <h1>{ props.person.name }</h1>;  // no eslint error

[batjko]

Just found the same issue.
But it still won't work if I replace the destructuring of the function argument, e.g.:

(Before that, I just used function SideMenuItems({menuItems}) instead. Same lint errors)

[EvHaus]

The no-unused-prop-types rule does not support shape props at the moment as such detection is very difficult. If you use shape props, I recommend setting the skipShapeProps option to true on the rule.

Duplicate of #819. Will track further discussion of shape props there.