How to Show Images from Storage Path using Livewire in Laravel 7

Question

I am new in using Livewire for my cart in my e-commerce Laravel 7 project. I want to show the product image of each item in the cart. I have @foreach ($cartItems as $item) on my table data. When I try this code

<img src="{{asset('storage/'.$item->cover_img)}}">

to try to show the images saved to my storage path, I get an error like the image above. But when I try:

<img src="{{asset('storage/'.$item['cover_img'])}}">

I'm getting an ErrorException Undefined index: cover_img. All the other $item is working and getting the needed data except the image. On my other blades without livewire <img src="{{asset('storage/'.$item->cover_img)}}> works fine.

How do I do this properly in livewire? Any advice would be appreciated. Thanks in advance!

When I do a {{dd($item)}}, this is what I get:

Answer 1

This solved my problem:

<img src="{{ asset('storage/'.$item['associatedModel']['cover_img']) }} " />

Thanks!