TypeError in Liveiwire 3

To resolve the TypeError in Livewire 3, you need to ensure that the property $cart_items is properly initialized as an instance of Illuminate\Support\Collection. The error occurs because you are trying to assign an array to a property that is typed as a Collection.

Here's how you can define and initialize the property correctly:

1. Import the Collection class at the top of your Livewire component.
2. Initialize the $cart_items property as a Collection in the component's constructor or mount method.

Here's an example of how you can do this:

<?php

namespace App\Livewire;

use Livewire\Component;
use Illuminate\Support\Collection;

class Card extends Component
{
    #[Session(key: 'cart_items')]
    public Collection $cart_items;

    public function mount()
    {
        // Initialize the cart_items property as a Collection
        $this->cart_items = collect(session('cart_items', []));
    }

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

In this example:

• The #[Session(key: 'cart_items')] attribute is used to bind the session data to the $cart_items property.
• The mount method initializes the $cart_items property as a Collection using the collect helper function. This ensures that even if the session data is an array, it will be converted to a Collection.

By following these steps, you should be able to avoid the TypeError and properly use the $cart_items property as a Collection in your Livewire component.