[Tabs] Conditional rendering of Tab fails

[hongyuan1306]

Normally I would expect the following conditional rendering to work:

    <Tabs value="tab2" indicatorColor="accent" textColor="accent">
      {false && <Tab label="Tab 1" value="tab1"/>}
      <Tab label="Tab 2" value="tab2" />
      <Tab label="Tab 3" value="tab3" />
    </Tabs>

This is a very common idiom in react. However with Tabs component I get this:

Tabs.js:349 Uncaught TypeError: Cannot read property 'props' of null
    at Tabs.js:349
    at mapSingleChildIntoContext (ReactChildren.js:107)
    at traverseAllChildrenImpl (traverseAllChildren.js:77)
    at traverseAllChildrenImpl (traverseAllChildren.js:93)
    at traverseAllChildren (traverseAllChildren.js:172)
    at mapIntoWithKeyPrefixInternal (ReactChildren.js:127)
    at Object.mapChildren [as map] (ReactChildren.js:149)
    at Tabs.render (Tabs.js:348)
    at ReactCompositeComponent.js:795
    at measureLifeCyclePerf (ReactCompositeComponent.js:75)

See example https://codesandbox.io/s/61j57j339w

Is this a bug or that in material-ui we can not use this form of conditional rendering in container components?

| Material-UI | 1.0.0-beta.8 |

[oliviertassinari]

This is something we could be supporting 👍.