[QUESTION] gjs-component is not updated with my traits values

Hi, have I modified my HTML using the toHTML function in traits. An HTML element is updated but the gjs-component is not updated still it shows the old code.

my traits are

 toHTML: function () {
          const html = this.view.el.innerHTML;
          const name = this.get('traits').where({ name: 'name' })[0].get('value');
          const value = this.get('traits').where({ name: 'value' })[0].get('value');
          let renderHtml = `<input type="radio" `;
          if (name) {
            renderHtml += ` name="${name}" `;
          }
          if (value) {
            renderHtml += ` value="${value}" `;
          }
          renderHtml += `class="radio"/>`;
          return renderHtml;
        }

but its shows older code like type="radio" is not stored in gjs-component after i loaded my saved screens

before saving the screen

after saved and load into grapesjs using

editor.setComponents(JSON.parse(existScreenDetail[0]['gjs-components']));

but its

can any please help me.