Pass props to child component in React, with Typescript (TSX file)
<p>I am using VS2013 and getting an existing project set up to use React (0.14) and Typescript (1.8.5). My React code works fine as JSX file. I have one error in my new TSX file that I can't figure out. </p>

<p>I have 30 odd errors on every prop pasted to a component down the tree - these all read: </p>

<blockquote>
  <p>Property 'nameOfProp' does not exist on type 'IntrinsicAttributes &amp; IntrinsicClassAttributes> &amp; {} &amp; { children?: Reac...'.  </p>
</blockquote>

<p>Here is an example code that gets TypeScript upset. Any help would be greatly appreciated as this is the one of the last hurdles to get up and running with React in production. NOTE: I have not included information about the App state to save space, but the red lines are only on the child component names (filter, name, id, count)</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var App = React.createClass({
  render: function() {
    render (
      &lt;FilterItem 
      filter={this.state.artifactFilter}
      count={this.state.count}
      id={this.state.id}
      name={this.state.name}
      /&gt;
    )
  }
});
var FilterItem = React.createClass({
  render: function() {
    return (
      &lt;span&gt;{this.props.name} ({this.props.count})&lt;/span&gt;
  )
}
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.8/react.min.js"&gt;&lt;/script&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.8/react-dom.min.js"&gt;&lt;/script&gt;</code></pre>
</div>
</div>
</p>