title: React-Redux connect issues in typescript
body: <p>I am a trying to make a component which gets passed to react-redux's <code>connect</code> function.
  The component is as follows:</p>
  
  <pre><code>interface ITestProps {
    id: number
  }
  
  class TestComponent extends React.Component&lt;ITestProps, {}&gt; {
    render() {
      return (&lt;div&gt;
        {this.props.name}
      &lt;/div&gt;)
    }
  }
  
  mapStateToProps(state) {}
  mapDispatchToProps(dispatch) {}
  
  let ConnectedComponent = connect(
    mapStateToProps,
    mapDispatchToProps
  )(TestComponent)
  </code></pre>
  
  <p>The above code seems to work find if i render <code>ConnectedComponent</code> like so</p>
  
  <pre><code>&lt;ConnectedComponent&gt;&lt;/ConnectedComponent&gt;
  </code></pre>
  
  <p>i.e without the <code>id</code> prop. Shouldn't it throw an error since the <code>ConnectedComponent</code> is simply the connected form of <code>TestComponent</code> and <code>TestComponent</code> should have props of the form <code>ITestProps</code>.
  Is this how it is supposed to behave or am I doing something wrong.</p>