Fix unexpected any in SortableTable

Signed-off-by: Émile Ré <nemile.re@gmail.com>

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<typeof Table> & {
   refetch: (o: { order: Order }) => void;
   hasNext?: boolean;
-  loadNext?: (...args: any[]) => void;
+  loadNext?: LoadMoreFn<OperationType>;
   isLoadingNext?: boolean;
+  pageSize?: number;
 }) {
   const { __ } = useTranslate();
   const [order, setOrder] = useState(defaultOrder);
@@ -61,7 +67,7 @@ export function SortableTable({
         {hasNext && loadNext && (
           <Button
             variant="tertiary"
-            onClick={() => loadNext()}
+            onClick={() => loadNext(pageSize)}
             className="mt-3 mx-auto"
             disabled={isLoadingNext}
             icon={isLoadingNext ? Spinner : IconChevronDown}

apps/console/src/components/assets/ReadOnlyAssetsTable.tsx

@@ -25,7 +25,7 @@ export function ReadOnlyAssetsTable(props: Props) {
   const { __ } = useTranslate();
 
   return (
-    <SortableTable {...pagination}>
+    <SortableTable {...pagination} pageSize={10}>
         <Thead>
           <Tr>
             <Th>{__("Name")}</Th>

apps/console/src/components/controls/LinkedControlsCard.tsx

@@ -91,7 +91,7 @@ export function LinkedControlsCard<Params>(props: Props<Params>) {
   };
 
   return (
-    <SortableTable refetch={props.refetch as any}>
+    <SortableTable refetch={props.refetch}>
       <Thead>
         <Tr>
           <SortableTh field="SECTION_TITLE">{__("Reference")}</SortableTh>