React-Redux connect issues in typescript
<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>