title: React stateless component not working
body: <p>This is my code:</p>
  
  <pre><code>import React, { Component } from 'react'
  import { BackButton } from 'components/button'
  
  class LandingHeader extends Component {
  
      render() {
  
          const back = (props) =&gt; &lt;BackButton forcedBackUrl={props.back.forcedBackUrl} /&gt;
  
          return (
               &lt;div&gt;
                   {back}
                   {this.props.children}
               &lt;/div&gt;
           )
      }
  
  }
  
  export default LandingHeader
  </code></pre>
  
  <p>If i put the <code>&lt;BackButton&gt;</code> component directly it works but if I use a stateless component and return it inside this one it wont. What im missing?</p>
  
  <p>Im following the official documentation (<a href="https://facebook.github.io/react/docs/reusable-components.html" rel="nofollow">https://facebook.github.io/react/docs/reusable-components.html</a>) and I can't see whats wrong. Thanks.</p>