title: JSX Converter using React.createElement("h1", null) instead of React.DOM.h1(null)
body: <h1>JSX Transformer Causes Errors</h1>
  
  <p>When I convert my react files using the converter from <strong>react-tools</strong></p>
  
  <pre><code>      $ jsx public/dev/jsx public/prod/js --no-cache-dir
  </code></pre>
  
  <p>Or when I convert with <strong>grunt-react</strong></p>
  
  <pre><code>      $ grunt react
  </code></pre>
  
  <p>My production file breaks because the conversion uses <code>React.createElement</code> and the error says that this function is undefined.</p>
  
  <pre><code>      &lt;h1&gt;{this.state.title}&lt;/h1&gt;
  </code></pre>
  
  <p>converts to:</p>
  
  <pre><code>      React.createElement("div", null, 
        React.createElement("h1", null, this.state.title)
  </code></pre>
  
  <p>instead of:</p>
  
  <pre><code>      React.DOM.h1(null, this.state.title)
  </code></pre>
  
  <p>The live converter works fine because it uses <code>React.DOM.h1(null, this.state.title)</code>.  This line of code works well with react, but the <code>React.createElement()</code> function does not work and is not found.</p>
  
  <p>How can I force my auto converter, either JSX or grunt, to convert to <code>React.DOM.h1(null)</code> instead of <code>React.createElement(h1, null)</code>. Why does the converter use this function?</p>