title: limit node results to 10 in .map loop
body: <p>I would like to limit my results to 10 in the return below..</p>
  <p>I'm not sure how to code it. I can't do it in the original graphQL API call as that fetches results for multiple displays (I need to grab everything then filter out what isn't needed)</p>
  <pre><code> return (
     &lt;Carousel 
                    activeIndex={index} 
                    onSelect={handleSelect} 
                  
                      &gt;
  
                      {finearts.nodes 
                          &amp;&amp; finearts.nodes.map((arts) =&gt; (
                          imageQuery(arts) ?
                          
                          &lt;Carousel.Item className=&quot;&quot; key={arts.databaseId}&gt;
                              
                              &lt;Image src={arts.fineartfields.cloudlink} 
                                   alt={arts.featuredImage.node.altText} 
                                   className=&quot;carousel-image img-fluid shadow-sm&quot;
                                    width={arts.featuredImage.node.mediaDetails.width}
                                    height={arts.featuredImage.node.mediaDetails.height}
                              /&gt;
                          &lt;/Carousel.Item&gt;
        
                          : null  
                        ), [])}
  
                  &lt;/Carousel&gt; 
    )
  </code></pre>