Adding columns to empty grid gives error

[jeffrey1994]

Changing the https://bryntum.com/examples/grid/basic/ code to this:

import { Grid, DataGenerator } from '../../build/grid.module.js?453632';
import shared from '../_shared/shared.module.js?453632';

window.grid = new Grid({

appendTo : 'container',

features : {
    group : false
},

// Headers will ripple on tap in Material theme
ripple : {
    delegate : '.b-grid-header'
},

columns : [],

data : DataGenerator.generateData(50)
});

Now open console and execute the following:

grid.columns.add({
            text   : 'Name',
            field  : 'name',
            flex   : 2,
            editor : {
                type     : 'textfield',
                required : true
            }
        });

Notice the error

[Animal]

Thanks for the report, here is the ticket for tracking: https://github.com/bryntum/support/issues/3511