title: React + Flow + eslint
body: <p>I'm trying to get my head around this error entire day. I'm trying to add Flow to my React app.</p>
  
  <p>I have a component declared like this:</p>
  
  <pre><code>// @flow
  class MyComponent extends Component {
    static defaultProps = {
      prop1: 'a',
      prop2: 'b'
    };
    handleOnClick: (value: string) =&gt; void;
    props: MyComponentProps;
  }
  </code></pre>
  
  <p>and type for MyComponentProps</p>
  
  <pre><code>type MyComponentProps = {
    prop1: string,
    prop2: string
  };
  </code></pre>
  
  <p>Now, Flow is reporting no errors. But when I try to run the app, I get <code>eslint</code> errors:</p>
  
  <pre><code> error  'defaultProps' is not defined   no-undef
   error  'handleOnClick' is not defined  no-undef
   error  'props' is not defined          no-undef
  </code></pre>
  
  <p>I'm using <code>babel-eslint</code> and <a href="https://github.com/gajus/eslint-plugin-flowtype" rel="nofollow noreferrer">eslint-plugin-flowtype</a>.
  I've added <code>flowtype/define-flow-type</code> rule to my <code>.eslintrc</code> file. Here's the relevant portion of my <code>.eslintrc</code> file:</p>
  
  <pre><code>{
    "parser": "babel-eslint",
    "plugins": [
      "flowtype",
      "react"
    ],
    "extends": [
      "plugin:flowtype/recommended"
    ],
    "rules": {
      "flowtype/define-flow-type": 1,
      "flowtype/use-flow-type" : 1,
      "no-undef": 2,
      "react/jsx-no-undef": 2
     }}
  </code></pre>
  
  <p>What am I missing?</p>