forbid-component-props should have a component whitelist

For custom components it makes sense to have the rule, but when using third-party components violating the rule (ReactModal using className is probably one of the more prominent examples) there isn’t much you can do about it…

Having to add eslint-disable react/forbid-component-props comments isn’t a very pretty solution.

[jsphstls]

This seems to be working:

const icons = require('react-icons/fa')
const iconWhitelist = Object.keys(icons)

'react/forbid-component-props': [2, {
  forbid: [{
    'propName': 'className',
    'allowedFor': iconWhitelist
  }]
}]

[ThiefMaster]

{
  propName: string,
  allowedFor: [SomeComponent]
}