title: I have used <iFrame> tag in my react app but it will open the same file even the file url is different, but if I used <a> tag it open perfectly
body: <p>item.image URL is coming form the API but when I try to map in <code>&lt;a&gt;</code> tag it will work fine which is for the download icon but for the view icon it will open the same file. <a href="https://i.stack.imgur.com/GDO5J.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GDO5J.png" alt="enter image description here" /></a></p>
  <pre><code>data.map(item =&gt; {
   return &lt;&gt;
       &lt;Modal open={open} onClose={onCloseModal} center&gt;
         &lt;div className=&quot;modalContent&quot;&gt;
             &lt;iframe src={item?.image}&gt;
             &lt;/iframe&gt;      
         &lt;/div&gt;
      &lt;/Modal&gt;
  
   &lt;a href={item?.image} target=&quot;_blank&quot; download &gt;
     &lt;span className=&quot;IconBoc&quot;&gt;
          &lt;AiOutlineDownload /&gt;
      &lt;/span&gt;
   &lt;/a&gt;
  &lt;/&gt;
  })
  
  </code></pre>