Eslint Unexpected token = with static properties

以下のように、navigationBarやpropTypesなどでstatic変数を使うと。。。

export default class App extends React.Component {
  static propTypes = {
    ...
  }
...

class HomeScreen extends React.Component {
  static route = {
    navigationBar: {
      title: 'Home',
    }
  }

  render() {
   ...
  }

以下のように、Eslintでは怒られる。

Parsing error: Unexpected token =　・・・

これを解決するには、babel-eslintを導入してあげると良い。

導入方法

1 babel-eslintをインストール

$ npm i babel-eslint -S

2 .eslintrc.jsに以下のコードを追加

"parser": "babel-eslint",