Resolved: React.js – Passing data listed with map to modal

      <Modal show={showModal} onClose={() => setShowModal(false)} title="{}"> //modal component
        <iframe
          src=""
          height="315"
          width="560"
          frameborder="0"
          allowfullscreen=""
        />
      </Modal>
      <div className={styles.card}>
        <div className={styles.content}>
          <table>
            <thead>
              <tr>
                <td>#</td>
                <td>Topic</td>
                <td>View</td>
              </tr>
            </thead>
            <tbody>
              {VIDEOS_DATA.data.map((item) => (
                <tr key={item.id}>
                  <td>{item.id}</td>
                  <td>{item.topic}</td>
                  <td>
                    <a onClick={()=>setShowModal(true)}>
                      <FiPlay size="1.5rem" color="#009688" />
                       Watch
                    </a>
                  </td>
                </tr>
              ))}
            </tbody>
          </table>
        </div>
      </div>
    </div>