JSFiddle - React, Tailwind, and code Playground

HTML

<table id="POITable">
<tr style="visibility:hidden;">
        <td><input size=25 type="text" id="latbox"/></td>
        <td><input size=25 type="text" id="latbox"/></td>
        <td><input size=25 type="text" id="latbox"/></td>
        <td><input size=25 type="text" id="latbox"/></td>
        <td><input size=25 type="text" id="latbox"/></td>
        <td><img alt="Icon" src="/assets/add-icon.png" id="addmorePOIbutton" onclick="insRow()" /></td>
        <td><img alt="Icon" src="/assets/minus-icon.png" id="delPOIbutton" onclick="deleteRow(this)"/></td>
</tr>     
</table>

JavaScript

var x=document.getElementById('POITable');
var new_row = x.rows[0].cloneNode(true);
new_row.style.visibility = "visible";
x.appendChild( new_row )