Reports

Use Chirp::with('user')->paginate(10) directly in the Blade template without storing it in state.

Modify your Volt component to this:

 <?php

use App\Models\Chirp; use Livewire\WithPagination;

$chirps = Chirp::with('user')->latest()->paginate(10); ?>

Modify the Blade View

<div>
<div class="mt-6 bg-white shadow-sm rounded-lg divide-y">
    @foreach ($chirps as $chirp)
        <div class="p-6 flex space-x-2" wire:key="{{ $chirp->id }}">
            ...
        </div>
    @endforeach
</div>

{{ $chirps->links() }}

79462923