Custom React hook to paginate array list

usePaginatedList.ts

import * as React from 'react';

export const paginateArray = (arr = [], size = 10) =>
  arr.reduce((acc, val, i) => {
    const idx = Math.floor(i / size);
    const page = acc[idx] || (acc[idx] = []);

    page.push(val);

    return acc;
  }, []);
  
type Result<T> = {
  data: Array<T>;
  total: number;
  page: number;
  next: () => void;
  prev: () => void;
};

const increase =
  (total = 0) =>
  (current = 0) => {
    if (total === current) return current;
    return (current += 1);
  };

const decrease = (current: number) => {
  if (current === 1) return current;
  return (current -= 1);
};

function usePaginatedList<T = never>(arr: Array<T> = [], size = 1): Result<T> {
  const PAGINATED_ARRAY = paginateArray(arr, size);
  const total = PAGINATED_ARRAY.length;
  const [page, setPage] = React.useState(1);

  const next = React.useCallback(() => {
    setPage(increase(total));
  }, [total]);

  const prev = React.useCallback(() => {
    setPage(decrease);
  }, []);

  return {
    data: PAGINATED_ARRAY.slice(0, page).reduce((accumulator, current) => {
      return accumulator.concat(current);
    }, []),
    total,
    page,
    next,
    prev,
  };
}

export default usePaginatedList;