Error cuando intenté añadir filas a una tabla

'<script type="text/javascript">
            var editor = grapesjs.init({
            Altura: '100%',
                    Offsets: 1,
                    avisoOnUnload: 0,
                    storageManager: {autoload: 0},
                    Contenedor: '#gjs',
                    fromElement: cierto,
                    Plugins: ['GJS-preset-webpage'],
                    pluginsOpts: {
                    'gjs-preset-webpage': {}
                    }
            });
            
var bm = editor. Jefe de bloque;
            VAR Comps = Editor. DomComponents;
            var defaultType = comps.getType('default');
            var defaultModel = defaultType.model;
            var defaultView = defaultType.view;
            bm.add('table', {
            etiqueta: 'Mesa',
                    contenido: '<table><thead><th></th></thead><tbody><tr><td>Test</td></tr ></tbody></table>',
                    atributos: {
                    'tipo de datos': 'tabla',
                    },
            });
            bm.add('tr', {
            etiqueta: 'Row',
                    contenido: '<tr><td>Prueba</td></tr>',
                    atributos: {
                    'tipo de datos': 'tr',
                    },
            });
            bm.add('td', {
            etiqueta: 'Cell',
                    contenido: '<td>Prueba</td>',
                    atributos: {
                    'tipo de datos': 'td',
                    },
            });
            
comps.addType('table', {
              model: defaultModel.extend({
                defaults: Object.assign({}, defaultModel.prototype.defaults, {
                'nombre personalizado': 'Mesa',
                Arrastrable: Cierto,
                Droppable: Cierto,
                Aceptado: Cierto,
                Resaltable: Cierto,
                estilizado: [
                     'altura', 'estilo de fuente', 'tamaño de fuente', 'peso de fuente', 'familia de fuente', 'color',
                     'ancho'
                ],
                estilo: {
                     'ancho': '100%',
                     'tamaño de fuente': '14px'
                 },
                }),
              },
              {
                isComponent: function(el) {
                  if(el.tagName === 'TABLA'){
                    return {type: 'table'};
                  }
                },
              }),
            vista: defaultType.view,
          });
          
comps.addType('tr', {
              model: defaultModel.extend({
                defaults: Object.assign({}, defaultModel.prototype.defaults, {
                  'nombre personalizado': 'Row',
                    Arrastrable: Cierto,
                    Droppable: Cierto,
                    Resaltable: Cierto,
                    Aceptado: Cierto,
                }),
              },
              {
                isComponent: function(el) {
                  if(el.tagName === 'TR'){
                    return {type: 'tr'};
                  }
                },
              }),
            vista: defaultType.view,
          });
          
comps.addType('td', {
              model: defaultModel.extend({
                defaults: Object.assign({}, defaultModel.prototype.defaults, {
                  'nombre personalizado': 'Td',
                    Arrastrable: Cierto,
                    Droppable: Cierto,
                    Resaltable: Cierto,
                    Aceptado: Cierto,                               
                }),
              },
              {
                isComponent: function(el) {
                  if(el.tagName == 'TD'){
                    return {type: 'td'};
                  }
                },
              }),
            vista: defaultType.view,
          });          
        '</script>