Action not triggering

class UserIcon extends Component implements HasForms, HasActions
{
    use InteractsWithActions;
    use InteractsWithForms;


    public function userMenuOrLogin(): Action
    {
        return Action::make('login')
            ->action(function (array $arguments) {
                dd('Test action called', $arguments);
            });
    }


    public function render(): View
    {
        return view('livewire.user-icon');
    }
}

class UserIcon extends Component implements HasForms, HasActions
{
    use InteractsWithActions;
    use InteractsWithForms;


    public function userMenuOrLogin(): Action
    {
        return Action::make('login')
            ->action(function (array $arguments) {
                dd('Test action called', $arguments);
            });
    }


    public function render(): View
    {
        return view('livewire.user-icon');
    }
}

<div>
    {{ $this->userMenuOrLogin }}
    <x-filament-actions::modals />
</div>

<div>
    {{ $this->userMenuOrLogin }}
    <x-filament-actions::modals />
</div>