title: Error with basic React Example: Uncaught TypeError: undefined is not a function
body: <p>I'm trying to get react connected into my app. Its a rails app using rails-react (though I don't think that's part of the problem). I'm currently using a very simple 1 component setup:</p>
  
  <pre><code>// react_admin.js.jsx
  
  /** @jsx React.DOM */
  var CommentBox = React.createClass({
    render: function() {
      return (
       &lt;div className="commentBox"&gt;
         Hello, world! I am a CommentBox.
        &lt;/div&gt;
     );
    }
  });
  
  React.render(
    &lt;CommentBox /&gt;,
    document.getElementById('content')
  );
  </code></pre>
  
  <p>My html file contains:</p>
  
  <pre><code>&lt;body&gt;
    &lt;div id="content"&gt;&lt;/div&gt;
    &lt;script src="/assets/react.js?body=1"&gt;&lt;/script&gt;
    &lt;script src="/assets/react_admin.js?body=1"&gt;&lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I can see that rails-react is converting my react_admin.js.jsx into react_admin.js as follows:</p>
  
  <pre><code>/** @jsx React.DOM */
  
  var CommentBox = React.createClass({displayName: 'CommentBox',
    render: function() {
      return (
        React.DOM.div({className: "commentBox"}, 
          "Hello, world! I am a CommentBox."
        )
      );
    }
  });
  
  React.render(
    CommentBox(null),
    document.getElementById('content')
  );
  </code></pre>
  
  <p>However chrome is raising an ''Uncaught TypeError: undefined is not a function'' in the Render.react() call, which it shows between "(" and "CommentBox(null)"</p>
  
  <p>Can someone tell me what I'm doing wrong?</p>