Keep Pagination

[thiagoalgo]

Hey guys. I'm using PowerGrid version 5 and I'm trying to maintain the page after navigating to another page, like the record creation page. I'm using livewire with spa, using the navigate parameter and trying to retrieve the page selected by queryString.

My component has a page property as below:

#[Url]
public $page = '';

The problem is that when I use pagination links, this property is not changed automatically, although the queryString in the browser's address bar updates correctly.

Does anyone know how I can fix this or if there is another approach to maintaining the paging state?

Below is my component and its view where I am calling the table:

<?php

namespace App\Livewire\Department;

use Livewire\Attributes\Url;
use Livewire\Component;

class DepartmentIndex extends Component
{
     #[Url]
     public $page = '';
     public function render()
     {
         return view('livewire.department.department-index');
     }
}

<div>
     <x-card>
         <div class="w-full grid grid-cols-2 mb-10">
             <div>
                 <h1>Sectors</h1>
             </div>
             <div class="flex justify-end">
                 {{$page}}
                 <x-button href="{{ route('department-create') }}?page={{ $page }}">New</x-button>
             </div>
         </div>
         @livewire('department.department-table')
     </x-card>
</div>