title: How to map all image url from array
body: <p>Hi all I have following code: <a href="https://codesandbox.io/s/affectionate-wave-mh1bw" rel="nofollow noreferrer">my code</a></p>
  <p>I am receiving some response from backend.</p>
  <p>I am trying to get all images from <code>imagesData</code> and show in <code>ImageComponent</code> component.</p>
  <p>I am using map function in my main component in this way:</p>
  <pre><code>{!!res &amp;&amp;
      res.map((data) =&gt; 
      {
       return &lt;ImageComponent key={data.publicId} {...data} /&gt;;
      })}
  </code></pre>
  <p>and here is my  <code>ImageComponent</code> component:</p>
  <pre><code>const ImageComponent = ({ img }) =&gt; {
    return (
     &lt;div&gt;
       &lt;img src={img} alt=&quot;pic&quot; /&gt;
     &lt;/div&gt;
    );
  };
  </code></pre>
  <p>But something went wrong please help me to resolve this problem.</p>