React Typescript: return array of Jsx elements
<p>I'm trying React and TypeScript, but there's little information.</p>

<p>I have this situation in JavaScript:</p>

<pre><code>render: function() {

  var stars = [];

  for (var idx = 1; idx &lt;= this.state.max; idx++) {
    var fill = idx &lt;= this.props.data.score;
    var hover = idx &lt;= this.state.hoverIndex;
    stars.push(&lt;RatingStar fill={fill} index={idx} data={this.props.data} hoverFill={hover} hover={this.hoverStar} leave={this.leaveStar} /&gt;);
  }
  return stars;


}
</code></pre>

<p>This is easy in plain JavaScript. I simply return an array of elements. But in TypeScript this code gives me an error because <code>render()</code> returns a single JSX element, not an array. If I change the return type to array of JSX element, the error is class  doesn't implement React.component... So any idea?</p>