Dynamic load component - Reactive does not work on Select

    public ?string $key = null;

    public function form(Schema $schema): Schema
    {
        return $schema
            ->schema([
                ...$this->getBaseComponents(),
                Action::make('make_new_item')
                    ->label('Make new Item')
                    ->action(function (): void {
                        $state = $this->form->getRawState(); // or ->getState()
                        $this->key = $state['component'] ?? null;
                    }),
                Group::make()->components(fn() => $this->getExtraComponents($this->key)),
            ]);
    }

    protected function getBaseComponents(): array
    {
        return [
            Components\TextInput::make('name')
                ->label('Name')
                ->required(),

            Components\Select::make('component')
                ->searchable()
                ->live()
                ->options([
                    'email' => 'Email',
                    'last_name' => 'Last name',
                ])
                ->label('Component')
                ->required(),
        ];
    }

    protected function getExtraComponents(?string $key = null): array
    {
        $mapping = [
            'email' => [
                Components\Textarea::make('email')
                    ->label('Email'),
            ],
            'last_name' => [
                Components\Textarea::make('last_name')
                    ->label('Last name'),

                Components\Select::make('country')
                    ->afterstateUpdated(function ($state, $set) {
                        dd($state);
                    })
                    ->live()
                    ->searchable()
                    ->options([
                        'test' => 'Test',
                        'test2' => 'Test2',
                    ])
                    ->label('Country'),
            ],
        ];

        return $key ? ($mapping[$key] ?? []) : [];
    }
}