title: TypeScript, redux-form and connect
body: <p>First of all, I'm very new to TS, React &amp; Redux, so sorry if this is an obvious question.</p>
  
  <p>I'm trying to modify <a href="https://github.com/rangle/typescript-react-redux-example" rel="noreferrer">this example</a> to get a form to load some information. It's using <a href="http://redux-form.com" rel="noreferrer">redux-form</a>.</p>
  
  <p>I'm trying to figure out how to call <code>connect</code> and <code>redux-form</code> at the same time in the export of the component. Right now it's looking like this:</p>
  
  <pre><code>class UserForm extends React.Component&lt;IUserProps, void&gt; { .. }
  
  export default ReduxForm.reduxForm({
    form: 'user',
    fields: [
      'userName',
      'password',
      'firstName',
      'lastName',
      'email'
    ],
    validate: UserForm.validate,
  })(UserForm);
  </code></pre>
  
  <p>The examples I've seen <a href="https://github.com/erikras/redux-form/issues/1050" rel="noreferrer">without TS</a> look like this:</p>
  
  <pre><code>class MyForm extends Component {}
  MyForm = reduxForm(config)(MyForm)
  MyForm = connect(mapStateToProps, mapDispatchToProps)(MyForm)
  export default MyForm
  </code></pre>
  
  <p>But if I try to do the same in TS I get the TS2300 error: duplicate identifier.</p>
  
  <p>I've also tried to use the <code>@connect</code> decorator, but I couldn't make it work (or find any working example online).</p>