Solo se permite que se elimine un componente

Así que ahora mismo tengo una solución muy fea:

	editor.on('load',
		función() {
			var existingComponents = editor.getComponents();
			if (existentingComponents.models.filter(function(e) { return e.attributes.tagName === 'form'; }). longitud > 0) {
				$($($("cuerpo .gjs-bloque-categoría")[1]).find(".gjs-block")[0]).hide();
			}
		}
	);

editor.on('component:add', component => {
		si (component.is('forma')) {
			$($($("cuerpo .gjs-bloque-categoría")[1]).find(".gjs-block")[0]).hide();
		}
	});
	editor.on('component:remove', component => {
		si (component.is('forma')) {
			$($($("cuerpo .gjs-bloque-categoría")[1]).encontrar(".gjs-bloque")[0]).mostrar();
		}
	});

Esto básicamente mira si el componente está en el lienzo cuando está cargado. Si es así, entonces oculta el botón de componente arrastrable. Aquí podría usar una mejor forma de ocultar el botón, ¿cómo? Puedo acceder al componente con 'const form = editor. BlockManager.get('form');' pero ¿cómo lo oculto una vez que lo tengo? Luego tengo oyentes para añadir y quitar para ocultar y mostrar el botón de componente, el mismo problema que antes.

Parece una forma horrible de hacerlo. Debe de haber alguna opción que me esté perdiendo para "solo uno permitido". ¿Alguna sugerencia?