Устранение нежелательного / недокументированного меню из примера кода ReactJS "rc-menu"

Question

Я построил простой реактив, используя:

npx create-Reaction-app my-app

и установил следующеекомпонент:

npm установить rc-menu

В свое приложение я добавил пример кода со следующего URL:

rc-menu@7.4.22

Другие полезные ссылки для этого компонента можно найти здесь:

https://www.npmjs.com/package/rc-menu

http://react -component.github.io / menu /

Когда образец кодаотображает "как есть" (не изменено мной), чуть ниже inline меню еще одно меню, от которого я не могу избавиться - см. красную стрелку, указывающую на дополнительное меню на рисунке ниже:

Я легко могу удалить другие меню над ним, удалив их ссылки в следующем коде:

ReactDOM.render(<div style={{ margin: 20 }}>
    <h2>antd menu</h2>
    <div>
        <h3>horizontal</h3>
        <div style={{ margin: 20 }}>{horizontalMenu}</div>

        <h3>horizontal and click</h3>
        <div style={{ margin: 20 }}>{horizontalMenu2}</div>

        <h3>vertical</h3>
        <div style={{ margin: 20, width: 200 }}>{verticalMenu}</div>

        <h3>inline</h3>
        <div style={{ margin: 20, width: 400 }}>{inlineMenu}</div>
    </div>
</div>, container);

Однако раздел меню насамое дно, которое я собираю на «дефолт»меню, не отображается в приведенном выше коде рендеринга, и я не уверен, как его удалить.

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