hx-on causes error when swapping

[johanhaleby]

I have this piece of html:

<div id="showIt"><!-- --></div>

<button
        id="someId"
        style="margin-bottom: 1rem;"
        hx-get="/my-app/stuff"
        hx-target="#showIt">
    Show it
</button>

/my-app/stuff returns this HTML:

<button hx-on="click: alert('ikk')">Close</button>

This works exactly like I want the first time I click on the button with id someId. But the second time, I essentially just want the second button to be re-rendered again. But instead, I see two buttons next to each other with the text "Close" and I get an error with HTMX:

[johanhaleby]

@Renerick mentioned this on Discord:

I think there it should've been for ... in, not for ... of, -> https://github.com/bigskysoftware/htmx/blob/master/src/htmx.js#L924