Modal Blade component has a problem with Nesting Components

@foreach ($opportunitys as $opportunity)
    <livewire:company.opportunity.item :$opportunity :key="$opportunity->id" />
    @endforeach

@foreach ($opportunitys as $opportunity)
    <livewire:company.opportunity.item :$opportunity :key="$opportunity->id" />
    @endforeach

<x-filament::modal id="show-lost">

<form wire:submit="onLost">
    <x-filament::button type="submit" class="float-right">保存</x-filament::button>
</form>
</x-filament::modal>

<x-filament::modal id="show-lost">

<form wire:submit="onLost">
    <x-filament::button type="submit" class="float-right">保存</x-filament::button>
</form>
</x-filament::modal>

class Item extends Component
{
    public $opportunity;
    public $opportunityId;
    public function render()
    {
        return view('livewire.company.opportunity.item');
    }


    public function showLost($id){
        $this->opportunityId = $id;
        $this->dispatch('open-modal', id: 'show-lost');
    }

    public function onLost()
    {
        dd($this->opportunityId);
    }

}

class Item extends Component
{
    public $opportunity;
    public $opportunityId;
    public function render()
    {
        return view('livewire.company.opportunity.item');
    }


    public function showLost($id){
        $this->opportunityId = $id;
        $this->dispatch('open-modal', id: 'show-lost');
    }

    public function onLost()
    {
        dd($this->opportunityId);
    }

}