Реагировать вкладки панели инструментов, выдавая ошибку при использовании в ThemeProvider

Question

App.jsx - это:

<ThemeProvider theme={theme}>
  <div>
    <Tabs index={0}>
      <Tab label='Primary'><small>1Primary content</small></Tab>
      <Tab  label='Secondary'><small>Sec content</small></Tab>
    </Tabs>
    <Input label="test"/>
  </div>
</ThemeProvider>

Ошибка:

TypeError: Невозможно прочитать свойство указатель неопределенного Tabs.render @ строка 240 var classNamePointer = (0, _classnames4.default) (theme.pointer, _defineProperty ({}, theme.disableAnimation, disableAnimatedBottomBorder));

Answer 1

Yo должен добавить forceRenderTabPanel = {true} к вкладкам следующим образом:. Он будет отслеживать состояние всех трех вкладок, а не только той, на которой вы находитесь.