React Metarial-UI TAB не рендерится до тех пор, пока не нажмете на него после добавления новой вкладки программно

Question

Я создаю массив, который используется для создания вкладок с кодом ниже

let myTabs = [];

const addTab = (tabname) => {
    myTabs = [...myTabs, tabname ];
}

class tabClass extends React.Component {
render () {
    <Tabs>
        myTabs.map(tab => {
                    <Tab label={tab} />
           });
    </Tabs>

} } export {addTab }; export default tabClass;

И вызываю функцию addTab из другого компонента для добавления новой вкладки при нажатии кнопки с кодом ниже

import addTab from "./myTabs"

class showTabs extends component {
   render (){

          return (
             <div><button onclick={() => addTab("Test")}</div>

) } }

Кажется, хорошо работает, добавив новую вкладку без проблем.Но не может видеть новую вкладку, пока щелчок мышью по компоненту вкладки или выбор не изменился.

как я могу отрендерить или обновить компонент вкладки после добавления новой вкладки