Make table records seletacble in Filament Laravel

app\Filament\Resources\UserResource.php

use App\Traits\HasResourcePermissions;

class UserResource extends Resource
{
    public static function table(Table $table): Table
        {
        return $table
            ->columns([
                //
            ])
            ->recordUrl(null) // add this
            ->recordAction('handleRowClick') // add this
            ->filters([
                //
            ])
            ->actions([
                //
            ])
            ->bulkActions([
                //
            ]);
    }

}

app\Filament\Resources\UserResource\Pages\ListUsers.php

class ListUsers extends ListRecords
{
    use HasClickableTableRows;
    
    protected static string $resource = UserResource::class;

    protected function getHeaderActions(): array
    {
        return [
            Actions\CreateAction::make(),
        ];
    }
}

app\Traits\hasClickableTableRows.php

namespace App\Traits;

trait HasClickableTableRows
{
    public function handleRowClick($record): void
    {
        $this->js(<<<JS
            const checkbox = document.querySelector('input[type="checkbox"][value="{$record}"].fi-checkbox-input');
            const scope = Alpine.evaluate(checkbox, 'selectedRecords');
            
            if (!scope.includes('{$record}')) {
                scope.push('{$record}');
            } else {
                scope.splice(scope.indexOf('{$record}'), 1);
            }
        JS);
    }
}