Table is missing Rows when navigating with Pagination (When Table ID is UUID)

[davidtim]

Livewire PowerGrid version

v6.4.0

Livewire version

v3.6.3

Laravel version

v121.19.3

Which PHP version are you using?

PHP 8.4

Which Theme are you using?

None

Have you published the resource files and customized them? (php artisan vendor:publish)

Yes

What is the problem?

When I'm using UUID as primary key and I'm trying to navigate in pagination menu. I notice rows are missing from PowerGrid Table. For example when i navigated to page 3 (10 perPage, 5 Pages) it supposed to show 10 rows, but it show only 2 or 3 rows. If i refresh, the page 3 will show all 10 rows.

Code snippets

final class TestTable extends PowerGridComponent
{
    public string $tableName = 'test-table-k3ucrt-table';

    public function setUp(): array
    {
        $this->showCheckBox();

        return [
            PowerGrid::header()
                ->showSearchInput()
                ->showToggleColumns(),
            PowerGrid::footer()
                ->showPerPage(3)
                ->showRecordCount()
                ->pageName('personPage'),
            PowerGrid::detail()
                ->view('components.test')
                ->params(['myParam' => 'testing'])
                ->showCollapseIcon()
                ->collapseOthers(),
        ];
    }

    public function query(): Builder
    {
        return Person::query();
    }

    public function datasource(): Builder
    {
        return $this->query();
    }

    public function fields(): PowerGridFields
    {
        return PowerGrid::fields()
            ->add('id');
    }

    public function columns(): array
    {
        return [
            Column::add()
            ->title('#')
            ->field('Id', 'id')->index(),

            Column::action('Action')
        ];
    }

    public function filters(): array
    {
        return [
            Filter::datepicker('birthdate'),
        ];
    }

    #[\Livewire\Attributes\On('edit')]
    public function edit($rowId): void
    {
        $this->js("alert('" .  $rowId . "')");
    }

    public function actions(Person $row): array
    {
        return [
            Button::add('edit')
                ->slot('Edit: '.$row->id)
                ->id()
                ->class('pg-btn-white dark:ring-pg-primary-600 dark:border-pg-primary-600 dark:hover:bg-pg-primary-700 dark:ring-offset-pg-primary-800 dark:text-pg-primary-300 dark:bg-pg-primary-700')
                ->dispatch('edit', ['rowId' => $row->id])
        ];
    }
}

### How do you expect it to work?

It should be always show 10 perPage

### Please confirm (incomplete submissions will not be addressed)

- [X] I have provided easy and step-by-step instructions to reproduce the bug.
- [X] I have provided code samples as text and NOT images.
- [X] I understand my bug report will be removed if I haven't met the criteria above.

[davidtim]

For UUID Primary Key, if I remove PowerGrid::detail() it seems to working.