[LiveComponent] getComponent is undefined if the controller loads very quickly as explained in the docs

[gremo]

[LiveComponent] getComponent is undefined if the controller loads very quickly as explained in the docs

[gremo]

Any update or workaround? Still in the official documentation...

[smnandre]

Instead of using connect there, you should rely on the events dispatched by the LiveComponent

[gremo]

What do you mean @smnandre ? It's the official example in Symfony docs!

[smnandre]

The documentation is see

// assets/controllers/some-custom-controller.js
// ...
import { getComponent } from '@symfony/ux-live-component';

export default class extends Controller {
    async initialize() {
        this.component = await getComponent(this.element);

        this.component.on('render:finished', (component) => {
            // do something after the component re-renders
        });
    }
}

[gremo]

And it's a bit... skinny. What if I need component.emit based on some javascript event? Where would you put that logic?

onPaste() {
  this.component.emitSelf("paste", { value });
}

Inside onPaste, happens somtime that this.component is undefined, based on how fast the controller loads.

[smnandre]

async initialize() {
        this.component = await getComponent(this.element);


        // THERE


        this.component.on('render:finished', (component) => {
            // do something after the component re-renders
        });
    }