React usePaginate.ts

README.md

usePaginate

Example

import Pagination from '@material-ui/lab/Pagination';

const [page, handlePage] = usePaginate()
<Pagination page={page} onChange={handlePage} />

usePaginate.ts

import React, { useCallback, useState } from "react";

const usePaginate = (): [
  number,
  (_event: React.ChangeEvent<unknown>, value: number) => void
] => {
  const [page, setPage] = useState(1);
  const onPage = useCallback(
    (_event: React.ChangeEvent<unknown>, value: number) => setPage(value),
    []
  );
  return [page, onPage];
};

export default usePaginate;