Custom Trait is not working.

[PallobST]

What's wrong with this code?
I'm new in grapes js

const myCustomComp = editor => {
    editor.DomComponents.addType('myCustomComp', {
        isComponent: el => el.tagName === 'P',

        model: {
            defaults: {
                tagName: 'p',
                content: 'This is a text',
            },
        },

        view: {
            tagName: 'p',
        },

        traits: [
            {
                type: 'custom-text', // Trait type
                name: 'Text', // Trait name
                label: 'Text', // Label displayed in the traits panel
            },
        ],
    });

    

    editor.TraitManager.addType('custom-text', {
        createInput({component}) {

            const el = document.createElement('div');

            el.innerHTML = `
                <div class="href-next__url-inputs">
                    <input class="href-next__url" placeholder="Insert URL"/>
                </div>
            `;

            const inputsUrl = el.querySelector('.href-next__url-inputs');

            console.log(component)

            return el;
        },
        onEvent({elInput}){
            console.log(elInput)
        },
        onUpdate({elInput}){
            console.log(elInput)
        }

    })
   
};

[mosh-tudor]

@PallobST https://grapesjs.com/docs/modules/Traits.html#add-traits-to-components

Move traits part to model/defaults:

        model: {
            defaults: {
                tagName: 'p',
                content: 'This is a text',
                traits: [
                  {
                    type: 'custom-text', // Trait type
                    name: 'Text', // Trait name
                    label: 'Text', // Label displayed in the traits panel
                  },
                ],
            },
        },

[PallobST]

Ah! that's the issue. Thank you.