title: React Typescript: return array of Jsx elements
body: <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>