title: Rails-React not working with ES6
body: <p>I'm using the <em>react-rails</em> gem and I'm trying to write a few components in ES6 that look like this. </p>
  
  <p>My <em>link_list.js.jsx</em> file</p>
  
  <pre><code>import Component from 'react';
  import Links from 'link';
  
  class LinkList extends React.component{
    constructor(props){
      super(props);
      this.sate = {};
    }
  
    getInitialState(){
      return { links: this.props.initialLinks}
    }
  
  
    render(){
      var links = this.state.links.map(function(link){
        return &lt;Links key={link.id} link={link} /&gt;
      })
  
      return (
        &lt;div className="links"&gt;
          {links}
        &lt;/div&gt;
      )
    } 
  }
  </code></pre>
  
  <p>I keep getting this <code>Uncaught ReferenceError: require is not defined</code>
  and an error that says <code>Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components).</code></p>
  
  <p>and the error <code>Uncaught Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.</code></p>
  
  <p>Is this a problem with my code or is it a problem with the gem not compiling ES6 right?</p>