How to implement dependent dropdowns in livewire in a popup Modal

I am working on a project where I need Provinces and Districts of that specific province, everything works fine but when I want to use this form inside a Modal the district dropdown which is dependent on the province dropdown is not updating by livewire updatedFoo hook.

public function updatedProvince ($value)
{
    $this->districts = District::where('province_id', $value)->orderBy('name')->get();
}

the $province field is updating but this method never runs

note: it is working when I remove the popup modal