title: Invalid Component Element in React.JS
body: <p>I've been going through a react.js tutorial, with a simple hello world example. I can't find a reason why the following shouldn't work, but I keep getting this error. </p>
  
  <pre><code>Uncaught Error: Invariant Violation: React.render(): Invalid component element.
  </code></pre>
  
  <p>I have the following code. It seems to work if I do React.createElement, but not for the JSX elements.</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;script src="https://fb.me/react-0.13.3.js"&gt;&lt;/script&gt;
      &lt;script src="https://fb.me/JSXTransformer-0.13.3.js"&gt;&lt;/script&gt;
      &lt;script type="text/jsx"&gt;
          document.body.onload = function(){
              console.log("shuff")
              var HelloWorld = React.createClass({
                  render: function(){
                      return &lt;div&gt;Hello, Ian Shuff!&lt;/div&gt;;
                  }
              });
  
              React.render( new HelloWorld(), document.getElementById("test"))
          }
  
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="test"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>