laravel livewire pagination with a collection

When using WithPagination Livewire expects a Paginator instance.

Try this:

<?php

namespace App\Http\Livewire;

use App\Models\User;
use Illuminate\Pagination\LengthAwarePaginator;
use Livewire\Component;
use Livewire\WithPagination;

class PaginatorExample extends Component
{
    use WithPagination;

    public function render()
    {
        $perPage = 10;

        $collection = User::all();

        $items = $collection->forPage($this->page, $perPage);

        $paginator = new LengthAwarePaginator($items, $collection->count(), $perPage, $this->page);

        return view('livewire.paginator-example', ['users' => $paginator]);
    }
}

If you want to use simple pagination (no direct page links), you can try:

<?php

namespace App\Http\Livewire;

use App\Models\User;
use Illuminate\Pagination\Paginator;
use Livewire\Component;
use Livewire\WithPagination;

class PaginatorExample extends Component
{
    use WithPagination;

    public function render()
    {
        $perPage = 10;

        $collection = User::all();

        $offset = max(0, ($this->page - 1) * $perPage);
        
        // need one more here so the simple paginatior knows
        // if there are more pages left
        $items = $collection->slice($offset, $perPage + 1);

        $paginator = new Paginator($items, $perPage, $this->page);

        return view('livewire.paginator-example', ['users' => $paginator]);
    }
}

Component template:

<div>
    <ul>
        @foreach($users as $user)
            <li>{{ $user->name }}</li>
        @endforeach
    </ul>

    {{ $users->links() }}
</div>

Hope this helps.