Typescript complains Property does not exist on type 'JSX.IntrinsicElements' when using React.createClass?(React.createClassを使用すると、Propertyが存在しない。

質問

typescriptを使ってreduxアプリケーションを書いています。

var item = React.createClass({
  render: function() {
    return (<div>hello world</div>)
  }
});

export default class ItemList extends Component<any, any> {
    render() {
        return (<item />)
    }
}

するとtypescriptはこのように文句を言います。

Property 'item' does not exist on type 'JSX.IntrinsicElements'.

どのように解決するのですか？

コンポーネントは大文字で始まる必要があります I の代わりに、小文字の i としないと、TypeScriptが叫んでしまいます。変更する item を Item に変更すると直るはずです。

var Item = React.createClass({
  render: function() {
    return (<div>hello world</div>)
  }
});

export default class ItemList extends Component<any, any> {
    render() {
        return (<Item />)
    }
}