norsecomics's avatar

Wire:init issue with pagination

I am trying to render a table with pagination, and to pull in a required image I am using a wire:init to load the image, however, without the wire:init the pagination works flawlessly, but with wire:init pagination is failing.

I am unsure why this would be, but would welcome any help

Here's the livewire that is being pulled in through @livewire

    @if($isLoading)
        <svg xmlns="http://www.w3.org/2000/svg" class="animate-spin h-5 w-5 mr-3h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" >
        </svg>
    @else
        <img src="{{ Storage::disk('s3')->temporaryUrl('id.jpg', '+2 minutes') }}"  onerror="this.onerror=null; this.src='/img/no-image.png'" class="w-36 rounded-md object-center">

    @endif
</div>```
0 likes
4 replies
norsecomics's avatar
norsecomics
OP
Best Answer
Level 1

Dumb me forgot to include key($id)....

Please or to participate in this conversation.