Why does react-bootstrap-4-pagination output extra pages?

Question

JavaScript

when using react-bootstrap-4-pagination, I see this picture. total 11 pages.

pagination config

totalPages: 11,
            currentPage: 10,
            showMax: (totalPages === currentPage)? 1 : 5,
            size: "md",
            threeDots: true,
            prevNext: true,
            onClick: (page) => {
                callback(page);
                let url = new URL(window.location.href);
                url.searchParams.delete('page');
                if (page > 1) {
                    url.searchParams.append('page', page);
                }
                history.pushState('', '', url.toString());
            }

how to fix the presence of extra pages in the list and duplicate links to the last one?

Answer 1

I decided to install another paginator, this error is not fixed in principle