FilamentF
Filament•9mo ago
AntV

`Typed property Filament...Component::$container must not be accessed before init` from custom field

I have a custom field that I am calling from within the form scheme of a panel. Inside it I have cave a computed property that returns some inputs, I would like to make use of filament's form components though, to keep everything more consistent. If however I do so, I am greeted with the following error: Typed property Filament\Forms\Components\Component::$container must not be accessed before initialization

The code that produces the output is this:
public function makeFilterField($filter) {
        if (!$this->getCategoryId()) {
            return null;
        }
        $field = match ($filter['type']) {
            FilterType::text => \Filament\Forms\Components\TextInput::make("filters.{$filter['id']}")->label($filter['name']),
            FilterType::number => \Filament\Forms\Components\TextInput::make("filters.{$filter['id']}")->label($filter['name'])->numeric(),
            default => \Filament\Forms\Components\TextInput::make("filters.{$filter['id']}")->label($filter['name']),
        };
        return $field;
    }

It is called within a blade component that looks like this:
<x-dynamic-component :component="$getFieldWrapperView()" :field="$field">
    <div x-data x-init="">
    @foreach ($getFilters() as $filter)
        {{ $makeFilterField($filter) }}
    @endforeach
    </div>
</x-dynamic-component>

Is there a way to perhaps block this until the child components are ready? I tried adding a flag and waiting for afterStateHydrated, but it did not help
Was this page helpful?