An inner template with x-for is rendered twice although it should be only run once

[thebeautyofcoding]

Hi,

I am currently struggling a lot with the problem I described here:
https://stackoverflow.com/questions/75741373/laravel-alpinejs-expert-needed-for-strange-frontend-issue-a-nested-template-i

As you can see in the screenshots, sometimes the letterGroup, which is an array of letters (3 or 4) gets rendered twice. I get zero errors in the console and I am not seeing anything wrong with my AlpineJS Chrome extension. I am unable to grasp why this happens. I tried a lot of things for hours, but I keep getting this issue.

Thanks for the support :)

[SimoTod]

Do you have multiple copies of Alpine?
Can you replicate in a codepen?

[SimoTod]

Try to add wire:ignore to one of the parent divs

[chasegiunta]

Just came here to chime in that I'm experiencing the same issue. Super bizarre. Still investigating.

[gofish543]

Same issue. Still trying to fix

[ekwoka]

Livewire includes Alpine automatically, so you should not be separately adding it to the project.

[SpyridonLaz]

Try to add wire:ignore to one of the parent divs

This worked for me even though i find it strange why livewire would iterate inside an x-for template when alpinejs is responsible for it.

[ngosangns]

Fixed. In my case, I have imported the Alpine.js library twice: once in Livewire and once manually. So I just remove one.