title: Using LoDash chain and map to create component. QuoteSlides in .map is undefined
body: <p>I am trying to create a React Component from a filtered value of the <code>quoteList</code> array. <code>.filter()</code> is working as expected but the <code>QuoteSlides</code> variable in <code>.map(QuoteSlides=&gt;</code> is undefined. The array <code>QuoteSlides</code> will only have 1 element.</p>
  
  <pre><code>let quoteList = shipment.quotes
  const QuoteSlides = _
  .chain(quoteList)
  .filter(['state', 'accepted'])
  .map((QuoteSlides) =&gt; {
    &lt;div key={`quote${QuoteSlides.id}`}&gt;
      &lt;p&gt;{QuoteSlides.amount}&lt;/p&gt;
    &lt;/div&gt;
  })
  .value();
  </code></pre>
  
  <p>A simplified version of shipment.quotes =</p>
  
  <pre><code>[{id: 1, state:'accepted', amount: 1000},{id:2, state:'pass', amount: 500}]
  </code></pre>