Next Js Hydration failed

[usama86]

I am getting these hydration issue in latest react 18.1.0 and 12.1.6 version, can you please look into it and fix it. I even updated my react-paginate to latest version "react-paginate": "^8.1.3"

[hirani89]

Same here.

{data.pages > 1 ?
    <ReactPaginate
    previousLabel={'Previous'}
    nextLabel={'Next'}
    pageCount={data.pages}
    marginPagesDisplayed={2}
    pageRangeDisplayed={5}
    onPageChange={handlePageChange}
    containerClassName="pagination"
    breakClassName="page-item"
    breakLabel={<a className="page-link">...</a>}
    pageClassName="page-item"
    previousClassName="page-item"
    nextClassName="page-item"
    pageLinkClassName="page-link"
    previousLinkClassName="page-link"
    nextLinkClassName="page-link"
    activeClassName="active"
    initialPage={currentPage == 0 ? currentPage : currentPage - 1}
    /> : ''}