pagination-hook.ts

import { useMemo, useState } from 'react'

type Pagination = {
  currentPage: number
  setPage: (page: number) => void
}

export function usePagination<T>(items: T[] = [], pageSize = 10): [T[], Pagination] {
  const [currentPage, setPage] = useState(0)

  const currentItems = useMemo(() => {
    return items.slice(currentPage * pageSize, (currentPage + 1) * pageSize)
  }, [items, currentPage, pageSize])

  return [
    currentItems,
    {
      currentPage,
      setPage,
    },
  ]
}