Modal two modal open when i create button dynamicaly after l

hi,

in my php page, i use 2 buttons on the top with modal and one button inside jsgrid with modal

with bootstrap4/Jquery, it's working

with MDB5 the button poolINSERT and poolINSERTaide are functionnals

 <button id="poolINSERT" class="btn-sm btn btnSquare bg_color_indigo-200  ml-2 mr-2" data-mdb-toggle="modal" data-mdb-target="#insertpool">
                    <i class="far fa-file-alt fa-lg mr-2"></i>Ajouter / Modifier un groupe</button>
                <button id="poolDELETE" onClick="onClickDELETETPOOL()" class="btn-sm btn btnSquare btn-danger text-white ml-2 mr-2" data-toggle="tooltip" data-trigger="hover" data-placement="top" title="Suppression d'un groupe">
                    <i class="fas fa-trash-alt fa-lg"></i></button>
                <button id="poolINSERTaide" class="btn btn-sm btnSquare bg_color_indigo-100" data-mdb-toggle="modal" data-mdb-target="#insertpoolaide">
                    <i class="far fa-file-alt fa-lg mr-2"></i>Aide</button>

if i use jscript to add a button var customDIV = $("").append('Réservé par'); title="Suppression d'un groupe" var customBTN = $("").attr("type", "button").text("") .attr("data-mdb-toggle", "modal").attr("data-mdb-target", "#insertaddreservepar") .addClass("btn btn-sm btnSquare bg_color_indigo-500 text-white ml-2")

                    customBTN.append("<i class='far fa-plus-square/i>");
                    customDIV.append(customBTN);

when i click on button btnAddReservePar, two modal opened: #insertpoolaide and #insertaddreservepar

and on console, i have this error

sorry i can't to use snippet; my company network doesn't allow this page