Creé una ventana emergente personalizada con la función popupTemplate con ArcGIS JS API 4.x

Y agrego un botón en el contenido emergente por html.

pero no puedo agregar EventListener a un botón en la ventana emergente.

esta es la forma en que trato de hacerlo ahora: ((el código completo está aquí: https://codepen.io/llllllllc/pen/mdpabGw ))

1. devolver html para crear el botón en el contenido emergente

 const popupTemplate = { // autocasts as new PopupTemplate() title: "Population in {NAME}", content: populationChange, }; layer.popupTemplate = popupTemplate; function populationChange(feature) { const div = document.createElement("div"); div.innerHTML = "<input type='button' id='btn' value='CLICK'>"; return div; }

2. ver cambio de contenido

 view.popup.watch("content", (newValue, oldValue, propertyName, target) => {......});

3.querySelector("#btn") luego addEventListener pero falla, y console.log(btn) muestra que btn es nulo

 const btn = document.querySelector("#btn"); console.log(btn) btn.addEventListener( "click", function () { lert("HELLO WORLD!"); }, false );

la consola muestra como esta imagen

Cualquier ayuda muy apreciada!!!