Дублирование содержимого в обновлении блока HTML с использованием grapesjs

Question

Я пытаюсь обновить содержимое HTML в grapesjs. Когда я обновляю HTML, дублирующиеся блоки добавляются как,
До обновления

<h3 style="box-sizing: border-box;">
            <a href="http://<domain>/042666" style="box-sizing: border-box;">Course Guide</a>
          </h3>
          <p style="box-sizing: border-box;">&#xA0;
          </p>  

После обновления

<div id="wrapper" style="box-sizing: border-box;">
    <div id="wrapper" style="box-sizing: border-box;">
          <h3 style="box-sizing: border-box;">
            <a href="http://<domain>/042666" style="box-sizing: border-box;">Course Guide</a>
          </h3>
          <p style="box-sizing: border-box;">&#xA0;
          </p>
    </div>
    </div>  

Когда я нажимаю кнопку обновления, он перенаправляет на grapesjs-html-block.js и метод,

var component = editor.getSelected();
   var codeViewer = editor.CodeManager.getViewer("CodeMirror").clone();
   updateButton.onclick = function() {          
        // Saving Functionality  
        component.set("content", "");
        component.components(codeViewer.editor.getValue());
        editor.Modal.close();            
   };

Он генерирует дубликаты классов div. Мне нужна помощь, чтобы решить эту проблему. Кто-нибудь может направить меня в правильном направлении? Заранее спасибо.