Problema con el tipo de componente personalizado y la celda de la tabla

¡Hola! Estoy intentando añadir un tipo de componente personalizado: '''javascript domc.addType('image-block', { extender: 'celda', modelo: { valores predeterminados: función () { return { nombre: 'Imagen de fondo', Tipo: 'Bloque de imagen', etiquetaNombre: 'td', nulo: falso, Droppable: Cierto } } }, isComponent (el) { if (el.tagName === 'TD' && el.classList.contains('bg-image')) { return { type: 'image-block' } } } })

Y también voy a añadir un nuevo bloque:
'''javascript
bm.add('image-block', {
    etiqueta: 'Imagen de fondo',
    categoría: 'Básico',
    Contenido: '
      <table width="100%" class="bg-image-wrapper">
        <tbody>
          <tr>
            <td class="bg-image">
            </td>
          </tr>
        </tbody>
      </table>
      <style>
        .bg-image-wrapper {
          Altura mínima: 200px;
        }
        .bg-image {
          Imagen de fondo: URL(https://i.pinimg.com/564x/cd/54/01/cd5401f170307b0fbf6cb28fb62e69f7.jpg);
          Tamaño de fondo: Portada;
          Posición-Antecedentes: Centro;
          Repetición de fondo: sin repetición;
        }
      </style>
    `

Pero cuando dejo este bloque en el lienzo, la <td> etiqueta no aparece ni en el lienzo ni en el DOM. Si elimino la función isComponent de la definición de componentes, funciona como se espera. ¿Podría ayudarme con esto?