Typescript Error: TS2604 - How to fix?
<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>