What am I missing ?

What am I missing to make the tag "div" named as "Div" by default ? (Override the default)

const domc = this.editor.DomComponents;
const defaultType = domc.getType('default');
const defaultModel = defaultType.model;
const defaultView = defaultType.view;

domc.addType('default', {
    model: defaultModel.extend({
        defaults: Object.assign({}, defaultModel.prototype.defaults, {
            // True if the component is removable from the canvas
            removable: true,

            // Indicates if it's possible to drag the component inside other
            // Tip: Indicate an array of selectors where it could be dropped inside
            draggable: true,

            // Indicates if it's possible to drop other components inside
            // Tip: Indicate an array of selectors which could be dropped inside
            droppable: true,

            // Set false if don't want to see the badge (with the name) over the component
            badgable: true,

            // True if it's possible to style it
            // Tip:  Indicate an array of CSS properties which is possible to style
            stylable: true,

            // Highlightable with 'dotted' style if true
            highlightable: true,

            // True if it's possible to clone the component
            copyable: true,

            // Indicates if it's possible to resize the component (at the moment implemented only on Image Components)
            resizable: false,

            // Allow to edit the content of the component (used on Text components)
            editable: false,

        }),
    },
    {
        isComponent: function (el) {
            if (el.tagName == 'div') {
                return {type: 'Div'};
            }
        },
    }),
    view: defaultView,
});