title: Nested React curly braces not working
body: <p>I have the following code with nested React curly braces:</p>
  
  <pre><code>{ browser.name === 'firefox' &amp;&amp;
    &lt;a className='foo' href={props.config.site} &gt;
  ...
  }
  </code></pre>
  
  <p>On render, the <code>href</code> attribute is entirely missing. The <code>props</code> object properly passes in the correct site property as viewed on the Redux addon. To verify that this segment between the outer curly braces is displayed, I have varied the <code>className</code> to show that it is this particular element that is presented.</p>
  
  <p>Can I not nest React curly braces in this manner?</p>