React tutorial raising type error
<p>I am trying to learn React from <a href="https://facebook.github.io/react/docs/tutorial.html" rel="nofollow noreferrer">official tutorial</a>. I am getting the following error.</p>

<pre><code>TypeError: Constructor Comment requires 'new' react.js:5970
</code></pre>

<p>I don't know what I am doing wrong. My source code is given below.</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
   &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
     &lt;meta http-equiv="x-ua-compatible" content="ie-edge"&gt;
     &lt;meta name="viewport" content="width=device-width, initial-scale=1" /&gt;
     &lt;title&gt;Hello World&lt;/title&gt;

   &lt;/head&gt;
   &lt;body&gt;
      &lt;div id="content"&gt;&lt;/div&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"&gt;        
      &lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js"&gt;     
      &lt;/script&gt;

      &lt;script type="text/babel"&gt;
         // tutorial8.js
        var data = [
                {id: 1, author: "Pete Hunt", text: "This is one comment"},
                {id: 2, author: "Jordan Walke", text: "This is *another* comment"}
                ];

    var CommentBox = React.createClass({
        render: function() {
            return (
                &lt;div className="commentBox"&gt;
                    &lt;h1&gt;Comments&lt;/h1&gt;
                    &lt;CommentList data={this.props.data} /&gt;
                &lt;/div&gt;);
        }
    });

    var CommentList = React.createClass({
        render: function() {
            var commentNodes = this.props.data.map(function(comment) {
                return (
                    &lt;Comment author={comment.author} key={comment.id}&gt;
                        {comment.text}
                    &lt;/Comment&gt;);
            });
            return (
                &lt;div className="commentList"&gt;
                    {commentNodes}
                &lt;/div&gt;
            );
        }
    });

   // Always the last step.
   ReactDOM.render(
        &lt;CommentBox data={data} /&gt;,
       document.getElementById('content'));
&lt;/script&gt;
</code></pre>

<p>
  </p>