JSFiddle - React, Tailwind, and code Playground

HTML

<div id="all_telefones">
<p id="telefone">
    <input type="text" placeholder="(11) 5555-5555" name="telefone[]">
    <button type="button" onClick="delete_obj(this)">X</button>
</p>
<span id="novo_telefone"></span>
<p>
<button type="button" onClick="clone_obj('telefone', 'novo_telefone')">Novo Telefone</button>
</div>

JavaScript

$(document).ready(function (){
    clone_obj = function(obj_name, obj_destination) {
        $(function(e) {
            $('#' + obj_name).clone().appendTo('#' + obj_destination);
        });
    }
    
    delete_obj = function(obj) {
        $(obj).parent('#telefone').remove();
    }
});