title: Facebook's react.js -- object is not a function
body: <p>Going along Facebook's <a href="http://facebook.github.io/react/docs/tutorial.html" rel="noreferrer">read.js tutorial</a>, I get this error:</p>
  
  <pre><code>Uncaught TypeError: Property 'CommentList' of object [object Object] is not a function
  </code></pre>
  
  <p>In fact react.js's own <a href="http://facebook.github.io/react/" rel="noreferrer">examples page</a> has:</p>
  
  <pre><code>Uncaught TypeError: object is not a function
  </code></pre>
  
  <p>Can anyone explain the correct usage?</p>
  
  <p><hr></p>
  
  <h3>My progress in Tutorial</h3>
  
  <p>Import the following two javascripts:</p>
  
  <p><code>http://fb.me/react-0.4.1.js</code>
  <code>http://fb.me/JSXTransformer-0.4.1.js</code></p>
  
  <p>The HTML is one line:</p>
  
  <pre class="lang-html prettyprint-override"><code>  &lt;div id="content"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And the javascript or rather <code>&lt;script type="text/jsx"&gt;</code>  looks like this:</p>
  
  <pre class="lang-js prettyprint-override"><code>var CommentBox = React.createClass({
      render: function() {
          return (
             &lt;div class="commentBox"&gt;
          &lt;h1&gt;Comments&lt;/h1&gt;
          &lt;CommentList /&gt;
          &lt;CommentForm /&gt;
          &lt;/div&gt;
          );
      }
  });
  
  
  React.renderComponent(
      &lt;CommentBox /&gt;,
      document.getElementById('content')
  );
  
  
  var CommentList = React.createClass({
      render: function() {
          return (
          &lt;div class="commentList"&gt;
          &lt;Comment author="Pete Hunt"&gt;This is one comment&lt;/Comment&gt;
          &lt;Comment author="Jordan Walke"&gt;This is *another* comment&lt;/Comment&gt;
          &lt;/div&gt;
      );
      }
  });
  </code></pre>