React の arrow function で react/prop-types が出た

TL;DR

’react/prop-types’: ‘off’をつければいいやん

現象

  const hoge: React.VFC<Props> = ({ aaa, bbb }) => (...)

こんなコンポーネントを作ってeslintを通すと、

     -:--  error  'aaa' is missing in props validation  react/prop-types
   -:--  error  'bbb' is missing in props validation  react/prop-types

みたいに出る。

Missing prop validation in React.FunctionComponent · Issue #2353 · jsx-eslint/eslint-plugin-react · GitHub

Tell us about your environment ESLint Version: v6.0.1 Node Version: v10.16.0 npm Version: v6.9.0 Configuration module.exports = { parser: '@typescript-eslint/parser', parserOptions: { project: './tsconfig.json', }, plugins: ['@typescript...

github.com

Missing prop validation in React.FunctionComponent · Issue #2353 · jsx-eslint/eslint-plugin-react · GitHub

↑ここでいろいろ議論されてる

結論

いろいろ解決策は出てきてるけど、個人的には.eslintrc.jsを修正が一番楽そうとおもっている。

  ...
rules: {
  'react/prop-types': 'off'
}
...