title: Property not found in class - Flow & React
body: <p>I am trying to leverage Flow and get it working nicely with a react component of mine. However I am getting: </p>
  
  <blockquote>
    <p>client/search-container.jsx:18   18:     this.handleSearchSubmit =
    this.handleSearchSubmit.bind(this);
                  ^^^^^^^^^^^^^^^^^^ property <code>handleSearchSubmit</code>. Property not found in   18: class SearchContainer extends
    React.Component {
               ^^^^^^^^^^^^^^^ SearchContainer</p>
  </blockquote>
  
  <p>The component I have set up is as followed: </p>
  
  <pre><code>// @flow
  
  import React, { PropTypes } from 'react';
  import SearchForm from './search-form';
  
  type Props = {
    onSearchUpdate: Function,
  }
  
  
  class SearchContainer extends React.Component {
    props: Props;
  
  
    constructor(props: Props) {
      super(props);
      this.handleSearchSubmit = this.handleSearchSubmit.bind(this);
    }
  
    handleSearchSubmit(searchTerm: {address: string, lat: number, lng: number}): void {
      this.props.onSearchUpdate(searchTerm);
    }
  
    render() {
      return (
        &lt;div className="searchBox"&gt;
          &lt;SearchForm onSearchSubmit={this.handleSearchSubmit} /&gt;
        &lt;/div&gt;
      );
    }
  }
  
  // SearchContainer.propTypes = {
  //   onSearchUpdate: PropTypes.func,
  // };
  
  export default SearchContainer;
  </code></pre>
  
  <p>You'll see previously I was making use of the propTypes at the bottom of my class. Questions: </p>
  
  <ol>
  <li>Does my class set up look correct? </li>
  <li>Why is flow complaining that property <code>handleSearchSubmit</code> is not found and the same too with the name of my class name <code>SearchContainer</code></li>
  </ol>