Livewire 3 dependent Dropdown

companies_migration.php

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('companies', function (Blueprint $table) {
            $table->id();
            $table->string('name');
            $table->string('description');
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('companies');
    }
};

form.blade.php

<div>
    <br>
    <select wire:model.live="companyID" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg">
        <option value="">Select Company</option>
        @foreach ($this->companies as $company)
            <option value="{{ $company->id }}">{{ $company->name }}</option>
        @endforeach
    </select>
    <br>
    <select wire:model.live="phoneID" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg">
        <option value="">Select phone</option>
        @foreach ($this->phones as $phone)
            <option value="{{ $phone->id }}">{{ $phone->name }}</option>
        @endforeach
    </select>
</div>

Form.php

<?php

namespace App\Livewire;

use App\Models\Company;
use App\Models\Phone;
use Livewire\Attributes\Computed;
use Livewire\Component;

class Form extends Component
{
    public $companyID;

    public $phoneID;


    public function updatedCompanyID()
    {
        $this->phoneID = null;
    }

    #[Computed()]
    public function companies()
    {
        return Company::all();
    }

    #[Computed()]
    public function phones()
    {
        return Phone::where('company_id', $this->companyID)->get();
    }

    public function render()
    {
        return view(
            'livewire.form'
        );
    }
}

phones_migration.php

<?php

use App\Models\Company;
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('phones', function (Blueprint $table) {
            $table->id();
            $table->foreignIdFor(Company::class)->index(); // company_id 
            $table->string('name');
            $table->string('description');
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('phones');
    }
};