dominicarrojado/react-typescript-pagination

A pagination component built in React and TypeScript.

React TypeScript Pagination

A pagination component bootstrapped with Create React App + TypeScript.

Quick Start

1. Install Yarn.
2. Clone the app:

git clone [email protected]:dominicarrojado/react-typescript-pagination.git

3. Install dependencies:

cd react-typescript-pagination
yarn install

4. Run the development server:

yarn start

5. Open http://localhost:3000 to view it in the browser.

Running Tests (Watch)

yarn test

Build For Production

1. Build static files:

yarn build

2. The build directory can be served by any static hosting service or CDN.

Learn

Learn how to build this pagination component here.

react-typescript-pagination's Issues

Pages shows decimal when maxLength is 6

<Pagination currentPage={1} lastPage={23} maxLength={6} />

Error in PageLink.test.ts

In PageLink.test.ts the line (7 in my code) to render(<PageLink generates an error: "Operator '<' cannot be applied to types 'boolean'...
This is from your code found at: https://dominicarrojado.com/posts/how-to-create-your-own-pagination-in-react-and-typescript-with-tests-part-2/
The code I have is:
describe("<PageLink />", () => { const renderComponent = ({ children, ...props }: Props) => render(<PageLink {...props}>{children}</PageLink>);
and the error is on that last line shown.