Action modal in livewire component not working

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


    public function addReadingAction(): Action
    {
        return Action::make('Modal')
            ->form([ $this->getReadingsForm() ])
            ->action( function ($data) {
                dd($data);
            });
    }

//...

}

        <div class="flex justify-between align-middle my-8">
            <h2 class="text-2xl font-bold">Readings</h2>
            {{ $this->addReadingAction }}
        </div>
        
        <x-filament-actions::modals />