0

App.jsx is:

<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>

Error:

TypeError: Cannot read property 'pointer' of undefined Tabs.render @ line 240 var classNamePointer = (0, _classnames4.default)(theme.pointer, _defineProperty({}, theme.disableAnimation, disableAnimatedBottomBorder));

c-chavez
  • 7,237
  • 5
  • 35
  • 49
skyblue78
  • 59
  • 1
  • 5

1 Answers1

0

Yo should add forceRenderTabPanel={true} to the tabs as such: . It will keep track of the state across all three tabs and not just the one you are on.

Tal Avissar
  • 10,088
  • 6
  • 45
  • 70