import pageBadges from "js-paging";
 
// ...
 
return (
  {pageBadges({ currentPage, pages }).map((num, index) =>
    num ? (
      <button
        key={`page-${num}`}
        type="button"
        onClick={num === currentPage ? undefined : () => onChangePage(num)}
        className={`badge ${num === currentPage ? "current" : ""}`}
      >
        {num}
      </button>
    ) : (
      <span key={`separator-${index}`} className="separator">
        ...
      </span>
    )
  )}
)