title: Typescript Error: TS2604 - How to fix?
body: <p>I am trying to use a library called redux-form in a Typescript based project. When I take their "simple form" example code and implement it I get an error:</p>
  
  <pre><code>error TS2604: JSX element type 'SimpleForm' does not have any construct or call signatures.
  </code></pre>
  
  <p><strong>What am I doing wrong?</strong> I have the definition file for this lib installed so either I have coded it incorrectly or the definition file is incorrect.</p>
  
  <p>In my form component (stripped the code way down to make it as lean as I can):</p>
  
  <pre><code>import * as React from 'react';
  import {reduxForm} from 'redux-form';
  export const fields = ['firstName'];
  
  class SimpleForm extends React.Component&lt;any, any&gt; {
  
    static propTypes = {
      fields: React.PropTypes.object.isRequired,
    };
  
    render() {
      const {
        fields: {firstName}
        } = this.props;
      return (&lt;form&gt;
          &lt;div&gt;
            &lt;label&gt;First Name&lt;/label&gt;
            &lt;div&gt;
              &lt;input type="text" placeholder="First Name" {...firstName}/&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div&gt;
            &lt;button&gt;
              Submit
            &lt;/button&gt;
          &lt;/div&gt;
        &lt;/form&gt;
      );
    }
  }
  
  export default reduxForm({
    form: 'simple',
    fields
  })(SimpleForm);
  </code></pre>
  
  <p>and I consume it here (which results in the above error):</p>
  
  <pre><code>import * as React from 'react';
  import * as ReactDOM from 'react-dom';
  import * as SimpleForm from '../components/GuestForm';
  
  export default class Main extends React.Component&lt;any, any&gt; {
       render() {
          return (
          &lt;div className='mainApp'&gt;
              &lt;SimpleForm /&gt;
          &lt;/div&gt;
          );
      }
  }
  </code></pre>