How to dynamically add non DOM elements to non DOM elements in material-ui

1.Tabs & gt; Tabs & gt; & lt; / Tabs & gt; add a & lt; Tab /& gt; tag, which doesn’t seem to work in the material-ui.
2.

<Tabs>
<Tab label="Item One" >
  <div>
    <h2 style={styles.headline}>Tab One</h2>
    <p>
      This is an example tab.
    </p>
    <p>
      You can put any sort of HTML or react component in here. It even keeps the component state!
    </p>
    <Slider name="slider0" defaultValue={0.5} />
  </div>
</Tab>
<Tab label="Item Two" >
  <div>
    <h2 style={styles.headline}>Tab Two</h2>
    <p>
      This is another example tab.
    </p>
  </div>
</Tab>
</Tabs>