Пагинация показывает дополнительный элемент в начале или конце элементов

Question

Мой компонент нумерации страниц показывает дополнительный нежелательный элемент, когда пользователь находится в начале или конце списка элементов или рядом с ним.Я полагаю, что я сопоставляю свои реквизиты именно с тем, что я ввожу в примере с документацией «Опции», поэтому я не уверен, где я ошибаюсь.

Текущее поведение GIF

Желаемое поведение GIF

class MyPagination extends React.Component<PaginationProps> {
  static defaultProps = {
    boundaryRange: 0,
    defaultActivePage: 1,
    showEllipsis: false,
    siblingRange: 2,
  };

  render() {
    const {
      boundaryRange,
      defaultActivePage,
      showEllipsis,
      siblingRange,
      totalPages,
    } = this.props;

    return (
      <Pagination
        boundaryRange={boundaryRange}
        defaultActivePage={defaultActivePage}
        ellipsisItem={showEllipsis ? undefined : null}
        siblingRange={siblingRange}
        totalPages={totalPages}
      />
    );
  }
}

export default MyPagination;

Я создаю инстанцию ​​так:

<MyPagination totalPages={50} />

И мои реквизиты выходят, как и ожидалось:

Answer 1

Эта проблема является ошибкой и была исправлена ​​в semantic-ui-react@0.84.0 https://github.com/Semantic-Org/Semantic-UI-React/pull/3271.