Cómo personalizar un componente

Leí este documento https://grapesjs.com/docs/modules/Components.html#define-custom-component-type e intenté escribir el siguiente código. Quiero que 'mj-body' sea imposible de eliminar:

const myNewComponentTypes = editor => {
          editor. DomComponents.addType("mi-body-type",{
            isComponent: el => el.tagName === 'mj-body',
            modelo:{
              por defecto:{
                removible:false,
                etiquetaNombre: 'mj-body',
              }
            }
          });
        };
var editor = grapesjs.init({
          Contenedor: '#gjs',
          Consigue el contenido del lienzo directamente del elemento
          Como alternativa, podríamos usar: 'components: '<h1>¡Hello World Component!</h1>' `,
          fromElement: cierto,
          Tamaño del editor
          Altura:600,
          Ancho: 'Auto',
          Desactiva el gestor de almacenamiento por el momento
          storageManager: false,
          Evita cualquier panel por defecto
          paneles: { predeterminados: [] },

Plugins: ['grapesjs-mjml', 'gjs-plugin-ckeditor', myNewComponentTypes],
          pluginsOpts: {
            'grapesjs-mjml': {},
            'gjs-plugin-ckeditor': {/* ... opciones */}
          },
})

<div id="gjs" style="height: 0px; overflow: hidden">
      <mjml>
        <mj-head>
          <mj-font name="Barlow" href="https://fonts.googleapis.com/css?family=Barlow" />

<mj-style> .lema { fondo: #000; } </mj-style>
        </mj-head>
        <mj-body>

Pero no veo efecto, por favor ayudadme