Issues with Accessing the Livewire JavaScript component instance

[fabianbartsch]

The Livewire documentation explains how to access the JavaScript component: Accessing the JavaScript component instance

<script>
    document.addEventListener('livewire:load', function () {
        // Get the value of the "count" property
        var someValue = @this.count
 
        // Set the value of the "count" property
        @this.count = 5
 
        // Call the increment component action
        @this.increment()
 
        // Run a callback when an event ("foo") is emitted from this component
        @this.on('foo', () => {})
    })
</script>

But for the life of me I can't get the event listener "livewire:load" to execute, and earlier the attempt to access @this throws an error.

Is this a known issue? I'm I missing something here?

[PhiloNL]

Are you putting this code inside a modal?

[fabianbartsch]

It's part of the blade component that will be rendered by the livewire component which extends the modal class yes.