JSFiddle - React, Tailwind, and code Playground

HTML

<div id="row-container">
                <div id="profile-row0">
                    <select id="select-item0" class="selectpicker" data-live-search="true">
                        <option>id</option>
                        <option>email</option>
                        <option>phone</option>
                    </select>
                    <input id="select-item-value0" class="select-item-value" placeholder="Item value"/>
                </div>
            </div>
            
            <button id="add-button"> GO </button>

JavaScript

document.getElementById("add-button").addEventListener("click", addItemRow);

var i = 0;

function addItemRow(){
    var original = document.getElementById('profile-row' + i);
    var clone = original.cloneNode(true); 
    clone.id = "profile-row" + ++i;
	  //clone.firstChild.id = "select-item" + ++i;
	  //clone.lastChild.id = "select-item-value" + ++i;
    original.parentNode.appendChild(clone);
}