Weird behavior (component replaced by string) when livewire update.

Hi,
I have a weird behavior that I don't understand and can't explain.

When uploading a picture, on a particular page (create tenant one), the user switch menu is replaced by a

< wire:id="...">

< wire:id="...">

string.

The issue is only with one very simple component from a plugin, on one page (custom view). I don't have the issue if I disable the plugin or if I remove the render hook. I don't have any issue on other pages (standards).

Basically, this is my custom view

<div>
  <x-filament-panels::topbar />
  <main class="...">
    <x-filament-panels::header
      :heading="$this->getHeading()"
      :subheading="$this->getSubHeading()"
      :actions="$this->getCachedHeaderActions()"
    />
    <x-filament-panels::form id="form" wire:submit="register">
      {{ $this->form }}

      <x-filament-panels::form.actions :actions="$this->getCachedFormActions()" />
    </x-filament-panels::form>
  </main>
</div>

<div>
  <x-filament-panels::topbar />
  <main class="...">
    <x-filament-panels::header
      :heading="$this->getHeading()"
      :subheading="$this->getSubHeading()"
      :actions="$this->getCachedHeaderActions()"
    />
    <x-filament-panels::form id="form" wire:submit="register">
      {{ $this->form }}

      <x-filament-panels::form.actions :actions="$this->getCachedFormActions()" />
    </x-filament-panels::form>
  </main>
</div>

I have no idea where it could come from...

Thanks for your help,
Mathieu.

Solution

I managed to fix the issue. The component needs to be in the layout and not in the view (which was my case). I can't explain why it changes anything, but I'm no Livewire expert at all...

Jump to solution

Filament•13mo ago•

6 replies

mathieutu

Weird behavior (component replaced by string) when livewire update.

Hi,
I have a weird behavior that I don't understand and can't explain.

When uploading a picture, on a particular page (create tenant one), the user switch menu is replaced by a

< wire:id="...">

< wire:id="...">

<div>
  <x-filament-panels::topbar />
  <main class="...">
    <x-filament-panels::header
      :heading="$this->getHeading()"
      :subheading="$this->getSubHeading()"
      :actions="$this->getCachedHeaderActions()"
    />
    <x-filament-panels::form id="form" wire:submit="register">
      {{ $this->form }}

      <x-filament-panels::form.actions :actions="$this->getCachedFormActions()" />
    </x-filament-panels::form>
  </main>
</div>

<div>
  <x-filament-panels::topbar />
  <main class="...">
    <x-filament-panels::header
      :heading="$this->getHeading()"
      :subheading="$this->getSubHeading()"
      :actions="$this->getCachedHeaderActions()"
    />
    <x-filament-panels::form id="form" wire:submit="register">
      {{ $this->form }}

      <x-filament-panels::form.actions :actions="$this->getCachedFormActions()" />
    </x-filament-panels::form>
  </main>
</div>

I have no idea where it could come from...

Thanks for your help,
Mathieu.

Solution

I managed to fix the issue. The component needs to be in the layout and not in the view (which was my case). I can't explain why it changes anything, but I'm no Livewire expert at all...

Jump to solution

Weird behavior (component replaced by string) when livewire update.

Weird behavior (component replaced by string) when livewire update.

Similar Threads

Similar Threads

Similar Threads