diff --git a/apps/console/src/components/SortableTable.tsx b/apps/console/src/components/SortableTable.tsx index ed23cb8cc..93c1c000b 100644 --- a/apps/console/src/components/SortableTable.tsx +++ b/apps/console/src/components/SortableTable.tsx @@ -15,12 +15,16 @@ import { useState, type ComponentProps, } from "react"; +import type { LoadMoreFn } from "react-relay"; +import type { OperationType } from "relay-runtime"; type Order = { direction: string; field: string; }; +const defaultPageSize = 50; + export const SortableContext = createContext({ order: { direction: "DESC", @@ -39,12 +43,14 @@ export function SortableTable({ hasNext, loadNext, isLoadingNext, + pageSize = defaultPageSize, ...props }: ComponentProps & { refetch: (o: { order: Order }) => void; hasNext?: boolean; - loadNext?: (...args: any[]) => void; + loadNext?: LoadMoreFn; isLoadingNext?: boolean; + pageSize?: number; }) { const { __ } = useTranslate(); const [order, setOrder] = useState(defaultOrder); @@ -61,7 +67,7 @@ export function SortableTable({ {hasNext && loadNext && (