Select in custom livewire component with searchable removes wire.model

HI, I have a very weird issue. I have a custom livewire form in a modal. Everything is working really well except when I add the searchable to the select

Select::make('company_id')
->relationship('company', 'name')
->searchable()
->required(),


Which results in html generated like this:
<select x-ref="input" class="h-9 w-full rounded-lg border-none bg-transparent !bg-none choices__input" id="data.company_id" hidden="" tabindex="-1" data-choice="active"></select>

However when I remove the searchable method it does add the wire.model to the select input.
<select class .... wire:model="data.company_id">

When the searchable is removed everything works as you would expect, and loading the value from the database into the form. With the searchable it of course stays empty and gives the error
Livewire Entangle Error: Livewire property ['data.company_id'] cannot be found on component: ['app.filament.pages.planning']

Anybody has seen this before? Or is there something i am missing? Help would be appreciated!
Solution
Thanks anyway, reduced this to this
public function editAction(): Action
{
return Action::make('Edit')
->requiresConfirmation()
->action(function (array $arguments) {
dd($arguments);
// $post = Post::find($arguments['post']);
});
}
🤣
Screenshot_2024-07-11_at_14.41.30.png
Was this page helpful?