In V7, how to use Transformer with pagination in inertia? how to generate page props

[tsulatsitamim]

In V7, how to use Transformer with pagination in inertia? how to generate page props

[airiechamorro]

I use this PaginatedProp generic in my v7 projects

export type PaginationMetadata = {
  total: number;
  per_page: number;
  current_page: number;
  last_page: number;
  first_page: number;
  first_page_url: string | null;
  last_page_url: string | null;
  next_page_url: string | null;
  previous_page_url: string | null;
};

/**
 * Paginated prop type for Inertia pages
 *
 * Represents a paginated result from Transformer.paginate().
 * Contains the data array and pagination metadata.
 *
 * @template T - The type of items in the data array
 *
 * @example
 * ```tsx
 * import type { PaginatedProp, Data } from '~/types'
 *
 * type Props = {
 *   users: PaginatedProp<Data.User>
 * }
 *
 * export default function UsersIndex({ users }: Props) {
 *   return (
 *     <div>
 *       {users.data.map(user => (
 *         <div key={user.id}>{user.name}</div>
 *       ))}
 *       <p>Page {users.metadata.current_page} of {users.metadata.last_page}</p>
 *     </div>
 *   )
 * }
 * ```
 */
export type PaginatedProp<T> = {
  data: T[];
  metadata: PaginationMetadata;
};

[tsulatsitamim]

thank you ❤️