no-unused-prop-types does not recognize use of prop inside Array.map()

In the following example, no-unused-prop-types will flag a non-use of arrayOfObjWithFoo.*.foo:

    static PropTypes = {
      arrayOfObjWithFoo: PropTypes.arrayOf(
        PropTypes.shape({ foo: PropTypes.string.isRequired })
      ).isRequired
    };

    render() {
      const fooItems = this.props.arrayOfObjWithFoo.map(objWithFoo => {
        <Item foo={objWithFoo.foo} />
      });
    }

[EvHaus]

Duplicate of #871.

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.

[ljharb]

Again, this is still a bug. If it doesn't support shape props, it should not warn on them at all.

[EvHaus]

If you set the skipShapeProps option to true, it should stop warning on all shape props. Is that not working?

[ljharb]

I'm saying that if that option is required for the rule to be usable when using shapes, then the rule should never check shapes.

[EvHaus]

@ljharb That's a valid point. I'll look into whether or not it makes sense to set skipShapeProps to true as a default.