Filament tabs in foreach active is

[vivere-dally]

Package

filament/filament

Package Version

v3.2.44

Laravel Version

v10.10

Livewire Version

No response

PHP Version

8.2

Problem description

I used the active tab example provided in the docs, but within a foreach using the loop index to set the correct tab active:

    <x-filament::tabs label="Content tabs">
        @foreach ($tabs as $tab)
            <x-filament::tabs.item
                icon="{{$tab['icon']}}"
                :active="$activeTab === {{$loop->index}}"
                wire:click="$set('activeTab', {{$loop->index}})"
            >
                {{ __($tab['text']) }}
            </x-filament::tabs.item>
        @endforeach
    </x-filament::tabs>

However, there appears to be a parse error:

Expected behavior

I would expect the example to work as intended.

If I remove the : before active, then the example is rendered, however since it's not a reactive property, you can't switch tabs.

Steps to reproduce

straight forward

Reproduction repository

https://github.com/filamentphp/filament

Relevant log output

No response

[github-actions]

Hey @vivere-dally! We're sorry to hear that you've hit this issue. 💛

However, it looks like you forgot to fill in the reproduction repository URL. Can you edit your original post and then we'll look at your issue?

We need a public GitHub repository which contains a Laravel app with the minimal amount of Filament code to reproduce the problem. Please do not link to your actual project, what we need instead is a minimal reproduction in a fresh project without any unnecessary code. This means it doesn't matter if your real project is private / confidential, since we want a link to a separate, isolated reproduction. That would allow us to download it and review your bug much easier, so it can be fixed quicker. Please make sure to include a database seeder with everything we need to set the app up quickly.

Also, it doesn't look like you've provided much information on how to replicate the issue. Please edit your original post with clear steps we need to take.