El lienzo elimina el renderizado de componentes tras el evento de cambio de valor de los rasgos

He creado componentes y bloques personalizados, pero cuando cambia el valor de los rasgos, el elemento renderizado se vuelve invisible desde el lienzo hasta que se recarga.

const DynamicBodyComponent = editor => {
    editor. DomComponents.addType('app-body', {
        isComponent: el => el.tagName === 'app-body',
        Vista: {
            onRender() { // usa el hook onRender en lugar de render
                const el = document.createElement("div");
                el.innerHTML = '
<div>Contenido dinámico de página (El contenido específico de la página se mostrará aquí...)</div>
<style>
 ';</style>
                this.el.appendChild(el);
            }
        },
        modelo: {
            Predeterminados: {
                Editable: Cierto,
                Droppable: Cierto,
                Rasgos: [
                    Las cadenas se convierten automáticamente en tipos de texto
                    {tipo: 'texto', nombre: 'buscaMarcaLugarMarcador', etiqueta: 'Buscar texto'}
                ],
                atributos: {
                    'buscaPlaceHolder': 'Busca en más de 1000 buenas ofertas de scrimming'
                }
                Como por defecto, los rasgos están ligados a los atributos, así que para definir
                Su valor inicial podemos usar atributos
            },
            init() {
                this.listenTo(this, 'change:attributes', this.handleChange);
                this.handleChange();
            },
            handleChange() {
                valor const = JSON.stringify(this.getAttributes());
                this.components('<app-body props='${value}'></app-body>'); Esta línea está causando problemas
            },
        }
    });

editor. BlockManager.add('app-body', {
        etiqueta: 'Dynamic Page Body',
        atributos: {
            Clase: 'FA FA-FILE-Code-O'
        },
        Categoría:{
            etiqueta: "Tema",
            Orden: 1
        },
        Contenido: {
            Tipo: 'Cuerpo-Aplicación'
        }
    });
}

Así que siempre que ''' this.components('<app-body props='${value}'></app-body>'); "'' Esta línea se ejecuta, el bloque cargado se vuelve invisible o no renderizado. Una solución que conseguí fue volver a renderizar DomComponents después de esta llamada: ''' editor. DomComponents.render() ''' pero eso no parece una buena opción, ¿hay alguna otra solución para este problema?