EventListener not registering upon using replaceWith()

Question

First I am cloning yesDelete button and storing it in "replace". Then I am replacing yesDelete with replace. after that, when I am trying to register an EventListener to yesDelete, it is not getting registered. Could someone please help? Thanks

 let yesDelete = deleteModal.querySelector(".btn--danger")
 const startDeletingMovieHandler = (movieId) =>{

    let replace = yesDelete.cloneNode(true)
    yesDelete.replaceWith(replace)
    yesDelete.addEventListener("click", yesDeleteHandler.bind(null,movieId))
    confirmDelete()

}