react/prefer-exact-props

propTypes check the props they name and say nothing about the rest. A misspelled prop such as onclick is passed, ignored, and never noticed. A wrapper such as exact() from the prop-types-exact package adds a warning for every prop that isn't declared.

The rule does nothing until you name your wrapper. List it under propWrapperFunctions in your settings, with exact set to true:

[lint.rules]
"react/prefer-exact-props" = "error"

[lint.settings]
propWrapperFunctions = [{ property = "exact", exact = true }]

In an ESLint config, the same list goes under settings.

Configure#

Off by default. To turn it on:

[lint.rules]
"react/prefer-exact-props" = "error" # or "warn"

Examples#

Reported, with exact listed as a wrapper:

function Button({ label }) {
  return <button>{label}</button>;
}

Button.propTypes = {
  label: PropTypes.string,
};

class Button extends React.Component {
  static propTypes = {
    label: PropTypes.string,
  };
  render() {
    return <button>{this.props.label}</button>;
  }
}

function Button({ label }) {
  return <button>{label}</button>;
}

Button.propTypes = exact({
  label: PropTypes.string,
});