Error al incluir un componente personalizado dentro de otro bloque

Perdón por el título tan vago. No sé cómo describirlo de forma concisa. Tengo un bloque personalizado donde quiero restringir que solo se puedan colocar imágenes en una parte concreta del bloque. Probé algo así:

  comps.addType('image-container', {
    model: defaultModel.extend({
      Extender propiedades predeterminadas
      defaults: Object.assign({}, defaultModel.prototype.defaults, {
        Solo puede dejar caer estos elementos dentro de él
        Droppable: "IMG",
      }),
    },
    {
      isComponent: function(el) {
        if(el.tagName == 'DIV' && $(el).hasClass("image-container")){
          return {type: "image-container"};
        }
      },
    })
  });

blockManager.add('test-with-image-container', {
    etiqueta: 'Bloque de prueba con contenedor de imagen',
    Atributos: {Clase:'FA FA-lápiz'},
    contenido: '<div class="test-block">Puedes dejar una imagen abajo:<div class="image-container"></div></div>',
    categoría: 'Bloques',
  });

Sin embargo, cuando hago esto, intentar arrastrar el bloque fuera de la paleta de bloques genera el siguiente error:

... grapes.min.js:2 Tipo no capturadoError: s no es un constructor en F.i.addToCollection (VM6196 grapes.min.js:2) en VM6196 grapes.min.js:2 en Function.C.each.C.forEach (VM6196 grapes.min.js:2) at F.i.each (VM6196 grapes.min.js:2) at F.i.render (VM6196 grapes.min.js:2) en F.i.renderChildren (VM6196 grapes.min.js:2) at F.i.render (VM6196 grapes.min.js:2) en F.i.addToCollection (VM6196 grapes.min.js:2) at F.i.addTo (VM6196 grapes.min.js:2) at y (VM6196 grapes.min.js:2) ...

¿Algún consejo? ¿Hay una forma mejor de lograr lo que quiero hacer?

¡Gracias!