Cannot edit the content after update it via block manager API

Hello @artf sorry for my last issue, I must create a new issue, my problem is got error like this

EDIT : sorry i just fixed my last issue with script :

// Dynamic navigation
blockManager.add('dynamic-nav', {
  label: 'Dynamic Navigation',
  attributes: {
    class: 'fa fa-ellipsis-h',
    title: 'Insert Dynamic Menu of Navigation'
  },
  category: 'Section',
  content: `<div id="dynamic-nav-wrapper" class="nav-wrapper" data-section-type="dynamic-menu-nav">
              <a href="index.html" class="brand-logo"><img src="images/logo.png"></a>
              <a href="index.html" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
              <ul id="dynamic-page" class="right hide-on-med-and-down"></ul>
              <script>
                  $(function() {
                    var item = document.getElementById("dynamic-page");
                    if (!item) return;

                    (function(){
                      const el = this;
                      var contentDynamic = "";
                      $.ajax({
                        type: "GET",
                        url: "/dev/editor/dynamicnav",
                        success: function(pages) {

                          for (var i = 0; i < pages.length; ++i) {
                            console.log(pages[i]);
                            if (pages[i].uuid == "<%= page.uuid %>") {
                              contentDynamic += \`<li class="current"><a href="\${pages[i].url}">\${pages[i].menu_name}</a></li>\`;
                            } else {
                              contentDynamic += \`<li><a href="\${pages[i].url}">\${pages[i].menu_name}</a></li>\`;
                            }
                          }

                          el.insertAdjacentHTML( 'beforeend', contentDynamic );
                          console.log(el.getElementsByTagName("li").length);
                        },
                        error: function(err) {
                          console.error(err);
                        }
                      });
                    }.bind(item))();
                  });
                  <\/script>
            </div>`
});

Updated Script but the content (link element only) cant edit or add some component with grapesjs, how to fix that? thank you @artf :+1: