react/no-unused-prop-types skipShapeProps with flow.js

[damaon]

There's modifier for this rule called "skipShapeProps": true but it doesn't work when you use flow for prop types declarations, ex:

...
props: {
  foo: {}
}
...
render() {
  return <SomeComponent foo={this.foo} />
}

Works

But If I'm more specific and provide the shape of foo, ex:

props: {
  foo: { a: number }
}

It fails with error that foo.a is not beeing used.

I would like it to detect that I passed foo to some children and mark foo.a as used.
Otherwise, I cannot import specific type declarations, when I have to pass value down through some components.

[maurolionel]

Running into the same issue, not sure on how to disable eslint react rule only for this... any ideas?

[DianaSuvorova]

@ljharb this was fixed in #1341 Thanks!

[ljharb]

Fixed in #1341 :-)