[HELP] Canvas clears component rendering after Traits value change event

I have created custom components and blocks, but when value of traits change, the rendered element gets invisible from the canvas until it is reloaded.

const DynamicBodyComponent = editor => {
    editor.DomComponents.addType('app-body', {
        isComponent: el => el.tagName === 'app-body',
        view: {
            onRender() { 		// use onRender hook instead of render
                const el = document.createElement("div");
                el.innerHTML = `
<div>Dynamic Page Content Placeholder (Page Specific Content Will be displayed here..)</div>
<style>
 </style>`;
                this.el.appendChild(el);
            }
        },
        model: {
            defaults: {
                editable: true,
                droppable: true,
                traits: [
                    // Strings are automatically converted to text types
                    {type: 'text', name: 'searchPlaceHolder', label: 'Search Text'}
                ],
                attributes: {
                    'searchPlaceHolder': 'Search Over 1000 Scrimming Good Deals'
                }
                // As by default, traits are binded to attributes, so to define
                // their initial value we can use attributes
            },
            init() {
                this.listenTo(this, 'change:attributes', this.handleChange);
                this.handleChange();
            },
            handleChange() {
                const value = JSON.stringify(this.getAttributes());
                this.components(`<app-body props='${value}'></app-body>`); //this line is causing issue
            },
        }
    });

    editor.BlockManager.add('app-body', {
        label: 'Dynamic Page Body',
        attributes: {
            class: 'fa fa-file-code-o'
        },
        category:{
            label: "Theme",
            order: 1
        },
        content: {
            type: 'app-body'
        }
    });
}

So whenever this.components(`<app-body props='${value}'></app-body>`); this line is executed, the loaded block gets invisible or unrendered. A workaround that i got was to re-render DomComponents after this call: editor.DomComponents.render() but that does not seems a good approach, So is there anyother workaround for this problem?