Содержимое настраиваемого виджета в диалоговом окне Dojo отсутствует после закрытия

Question

Я новичок в Додзё и столкнулся с проблемой. В основном у меня есть кнопка под названием showDialogBtn, настраиваемый виджет, который будет отображаться в диалоговом окне под названием customDialogContent.

customDialogContent.js:

       define([...., "dojo/text!/customDialogContent.html"],(..., templateString) => {
     const customDialogContent = declare(..., {
         startup() {
            var bookList = [
               {'id': 1, 'name':'Peter and Jack'},
               {'id': 2. 'name':'Book 2'}
            ]

            for(var i = 0; i<bookList.length; i++) {
               var node = domConstruct.create("li", {innerHTML: bookList[i].name});
               domConstruct.place(node, domById("BookList"), "last"); 
               //BookList is just a an empty ul in the customDialogContent.html
            }                 
         }
     });
     return customDialogContent;
 }
    

Затем у родителя есть showDialogBtn:

      on(this.showDialogBtn, "click", function() {
    this.bookDialog = new Dialog({
        title: "Book Dialog",
        content: new customDialogContent(),
        width: "60%"
    });
    this.bookDialog.show();
}); 

После первого щелчка содержимое настраиваемого диалогового окна удается отобразить, но после того, как я закрываю диалоговое окно и снова открываю его снова, содержимое становится пустым. Сделал console.log и понял, что он входил в цикл for внутри функции запуска каждый раз, когда я нажимаю showDialogBtn.