title: React Dev tools show my Component as Unknown
body: <p>I have the following simple component:</p>
  
  <pre><code>import React from 'react'
  import '../css.scss'
  
  export default (props) =&gt; {
    let activeClass = props.out ? 'is-active' : ''
    return (
      &lt;div className='hamburgerWrapper'&gt;
        &lt;button className={'hamburger hamburger--htla ' + activeClass}&gt;
          &lt;span /&gt;
        &lt;/button&gt;
      &lt;/div&gt;
    )
  }
  </code></pre>
  
  <p>When I look for it in the react dev tools, I see:</p>
  
  <p><a href="https://i.stack.imgur.com/dplzh.png" rel="noreferrer"><img src="https://i.stack.imgur.com/dplzh.png" alt="enter image description here"></a></p>
  
  <p>Is this because I need to extend React component? Do I need to create this as a variable and do so?</p>