title: Edit option is opened in every row when clicked
body: <p>I am working on an application , where I've to show Edit Popup when click on icon . Now it working fine but problem is whenever I click on row it showing in each individual rows. I want to show single popup with each row not multiple . Now if I click on 5 rows popup showing 5 times I want to show single popup in each individual row</p>
  <pre><code>  const editToggle = (index) =&gt; {
      if (index === id) {
        setShowModal(true)
      }
    }
  
   {showModal &amp;&amp; (
              &lt;div className=&quot;card-container&quot;&gt;
                &lt;div className=&quot;container_separator card-container-text&quot;&gt;Edit&lt;/div&gt;
                &lt;div className=&quot;container_separator card-container-text&quot;&gt;Delete&lt;/div&gt;
              &lt;/div&gt;
            )}
  </code></pre>