How to show media inside Livewire blade?

[cvlug]

I managed to upload images (with MEDIA LIBRARY PRO).
I im olso able to access the upload images in a controller for example: Act::find(117)->getMedia('actImages')->count() gives the number of uploaded images. Thats is all fine.

But when i use $act->getMedia('actImages')->count() inside the blade of a Livewire component, 0 is returned, so accessing the images is not possible there. How to fix?

It seems $act is not well set in blade, but surprisingly, in the same blade, the upload code, that olso uses $act, works fine:
<x-media-library-collection name="images" :model="$act" collection="actImages" />
Below are some things i tried in the Livewire component in function mount(Act $act) and function render(), but all in vain:

`
class ActForm extends Component
{
public Act $act;

public function mount(Act $act)
    {
        $this->act = $act;
    }

public function mount(Act $act)
    {
        if($this->act_id)$act = Act::find($this->act_id);
        $this->act = $act;
    }

public function render()
    {
        $act=$this->act;
        return view('livewire.act-form', compact('act'));
    }

public function render()
    {
        $act = Act::find($this->act_id);
        return view('livewire.act-form', compact('act'));
    }

}
`

act-form.blade.php:
`

$this->act_id={{$this->act_id}} (this gives the right id)
$act->getMedia('actImages')->count()={{$act->getMedia('actImages')->count()}} (this gives 0)

<div x-data="{ is_online_event: false }">

    <!-- Act Images upload-->
    <div class="modal fade" id="actImagesUploadModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">{{__('Activiteiten')}} {{__("Foto's")}} upload</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form method="POST" action="{{route('act.storeMultiImages')}}">
                        @csrf
                        <input type="hidden" value="{{$this->act_id}}" name="act_id">
                        <x-media-library-collection
                            name="images"
                            :model="$act"
                            collection="actImages"
                        />
                        <br>
                        {!! Form::button(trans('forms.save-changes'), array('class' => 'btn btn-thm spr_btn pull-right','type' => 'submit',  'data-title' => trans('modals.edit_user__modal_text_confirm_title'))) !!}
                    </form>
                </div>
            </div>
        </div>
    </div>

`

Help is highly regarded.

I use "livewire/livewire": "^2.4"

[cvlug]

It was not working, because i used the instructions on "Handling uploads with Livewire", while the media library was used inside a live, so the instructions on "Handling uploads with Livewire" should have been used.

When instructions on "Handling uploads with Livewire" and "Administer the contents of a media library collection" are used, database is updated fine, but media library show no media to administer....