Traits init() function not working

[kartikvxceed]

            this.editor.DomComponents.addType('button', {
                isComponent: el => el.tagName == 'button',
                model: {
                    defaults: {
                        traits: [
                            {
                                name: 'text',
                                changeProp: true,
                            },
                            {
                                type: 'select',
                                label: 'Action',
                                name: 'data-action',
                                options: [
                                    { id: 'select', value: 'select', name: 'Select' },
                                    { id: 'subscribe', value: 'subscribe', name: 'subscribe' },
                                    { id: 'unsubscribe', value: 'unsubscribe', name: 'unsubscribe' },
                                ]
                            },
                            {
                                type: 'input',
                                label: 'URL',
                                placeholder: 'eg. https://google.com',
                                name: 'data-url'
                            }
                        ],
                    },
                    init() {
                       console.log('DO Something');
                   },
                },
            })

This is my code for button trait in GrapesJS, when I write an init() function I am not able to change the button inner text value. (Ex: Button value is 'Click Me' when I edit it, the value is not changing). When I remove the init() function it works fine.
Also, when I drag and drop a new button, the new button is blank and cannot be edited. All these problems are gone when I remove the init() method, but I need the init() to listen to a select event and disable/enable the input text for the same button trait.

@artf any insights would be helpful.

[artf]

Please provide a reproducible demo