kurounin/react-bootstrap-pagination

ReactJS paginator class for kurounin:pagination meteor package

react-bootstrap-pagination

This package provides a bootstrap 3 and/or 4 paginator ReactJS class to be used with the meteor kurounin:pagination package.

install

Usage

import BootstrapPaginator from 'react-bootstrap-pagination';

<BootstrapPaginator pagination={this.pagination} limit={10} containerClass='text-center' />

Available class properties are:

• pagination: pagination instance
• limit: maximum number of page links to display (defaults to 10)
• containerClass: optional container class for the paginator

react-bootstrap-pagination's Issues

Warning: Accessing PropTypes via the main React package is deprecated. Use the prop-types package from npm instead.

You just need to import PropTypes

import PropTypes from 'prop-types';

and change the GridPaging.propType definition to:

GridPaging.propTypes = { error: PropTypes.any, pagination: PropTypes.object, pageCount: PropTypes.number, limit: PropTypes.number, page: PropTypes.number, containerClass: PropTypes.string, };

Doesn't work with server side rendering (ReactRouterSSR+Kuronin:Pagination)

What could be the issue?

Meteor React Router SSR

Getting the following server console error and server side rendering fails, when using react-bootstrap-pagination along with Kuronin:Pagination
W20161021-15:15:26.072(3)? (STDERR) Fri Oct 21 2016 15:15:26 GMT+0300 (EEST) 'error while server-rendering' 'TypeError: props.pagination.ready is not a function\n at [object Object].setDisplayedPages (/Users/johannes/Projects/TotoBet/totobet/node_modules/react-bootstrap-pagination/dist/pagination.js:62:35)\n at [object Object].componentWillMount (/Users/johannes/Projects/TotoBet/totobet/node_modules/react-bootstrap-pagination/dist/pagination.js:46:18)\n at /Users/johannes/Projects/TotoBet/totobet/node_modules/react/lib/ReactCompositeComponent.js:347:23\n at measureLifeCyclePerf (/Users/johannes/Projects/TotoBet/totobet/node_modules/react/lib/ReactCompositeComponent.js:74:12)\n at [object Object].ReactCompositeComponentMixin.performInitialMount (/Users/johannes/Projects/TotoBet/totobet/node_modules/react/lib/ReactCompositeComponent.js:346:9)\n at [object Object].ReactCompositeComponentMixin.mountComponent (/Users/johannes/Projects/TotoBet/totobet/node_modules/react/lib/ReactCompositeComponent.js:257:21)\n at Object.ReactReconciler.mountComponent (/Users/johannes/Projects/TotoBet/totobet/node_modules/react/lib/ReactReconciler.js:47:35)\n at ReactDOMComponent.ReactMultiChild.Mixin.mountChildren (/Users/johannes/Projects/TotoBet/totobet/node_modules/react/lib/ReactMultiChild.js:240:44)\n at ReactDOMComponent.Mixin._createContentMarkup (/Users/johannes/Projects/TotoBet/totobet/node_modules/react/lib/ReactDOMComponent.js:661:32)\n at ReactDOMComponent.Mixin.mountComponent (/Users/johannes/Projects/TotoBet/totobet/node_modules/react/lib/ReactDOMComponent.js:528:29)'

Everything is fine if I disable SSR, but once I enable it it doesn't pre-render.