title: Render undefined in react component?
body: <p>Why react crashes when it access <code>props</code> of <code>undefined</code> <code>cannot read property of undefined</code></p>
  
  <p>ex One: Knowing that props.name is undefined this code will return an error.</p>
  
  <pre><code>const component = (props) =&gt; {
           return(
               &lt;p&gt;{props.name}&lt;/p&gt;
       )
    }
  </code></pre>
  
  <p>ex Two: Why in this case it is ok for <code>react</code> to render without errors <code>undefined</code> which in this case would return invisible.</p>
  
  <pre><code>const componentTwo = () =&gt; {
           return(
               &lt;p&gt;{undefined}&lt;/p&gt;
       )
    }
  </code></pre>