Wizard outside of panels causing client-side errors

[titantwentyone]

Package

Other

Package Version

v4.8.2

How can we help you?

I have just upgraded an app to v4. We have an admin panel for the backend but we also use some Filament components on the front end. The issue I have is that when we invoke a Wizard on the front end through an Action, we get the following JS error:

livewire.js?id=57eb113f:1138 Alpine Expression Error: wizardSchemaComponent is not defined

Expression: "wizardSchemaComponent({
                isSkippable: false,
                isStepPersistedInQueryString: false,
                key: 'mountedActionSchema0.mountedActions.0.data::wizard',
                startStep: 1,
                stepQueryStringKey: null,
            })"

The wizard does appear albeit slightly incorrectly but items like the close button won't work.

To clarify, in my main layout file, I have the following before the closing body tag:

@livewire('notifications')
@filamentScripts

Notifications seem to be working okay incidentally.

Is there anything additional I should be doing to get this working?

[leandrocfe]

I don't think so. Could you share some code that you are using in this Livewire component?