reactjs - Typescript（TSXファイル）を使用して、Reactの子コンポーネントに小道具を渡します

Question

私は VS2013 を使用しており、React (0.14) と Typescript (1.8.5) を使用するように既存のプロジェクトをセットアップしています。React コードは JSX ファイルとして正常に動作します。新しい TSX ファイルに、理解できないエラーが 1 つあります。

ツリーの下のコンポーネントに貼り付けられたすべての小道具に30の奇妙なエラーがあります-これらはすべて次のとおりです。

プロパティ 'nameOfProp' はタイプ 'IntrinsicAttributes & IntrinsicClassAttributes> & {} & { children?: Reac...' に存在しません。

TypeScript を混乱させるコードの例を次に示します。これは本番環境で React を立ち上げて実行するための最後のハードルの 1 つであるため、どんな助けも大歓迎です。注: スペースを節約するためにアプリの状態に関する情報は含めていませんが、赤い線は子コンポーネントの名前 (フィルター、名前、ID、カウント) のみにあります。

var App = React.createClass({
  render: function() {
    render (
      <FilterItem 
      filter={this.state.artifactFilter}
      count={this.state.count}
      id={this.state.id}
      name={this.state.name}
      />
    )
  }
});
var FilterItem = React.createClass({
  render: function() {
    return (
      <span>{this.props.name} ({this.props.count})</span>
  )
}
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.8/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.8/react-dom.min.js"></script>