The problem with the label name in the custom render element

image
export default function NyanRender(this: any, eventBus: any, textRenderer: any) {
BaseRenderer.call(this, eventBus, 1500);
eventBus.on(‘commandStack.element.updateLabel.preExecute’, 500, (context: any) => {
return false;
});

this.canRender = function (element: any) {
    return is(element, 'bpmn:EventBasedGateway');
};

this.drawShape = function (parent: Element, shape: { width: any; height: any; }) {
    const url = Cat;

    const catGfx = svgCreate('image', {
        x: 0,
        y: 0,
        width: shape.width,
        height: shape.height,
        href: url,
    });

    svgAppend(parent, catGfx);

    return catGfx;
};

}

inherits(NyanRender, BaseRenderer);

NyanRender.$inject = [‘eventBus’, ‘textRenderer’];

Can you please clarify what is the problem you’re facing?

I’m making a custom rendering of the component, when I add a name to it, I don’t have a text at the bottom, but an svg picture that I rendered for the component is duplicated.