title: Material-ui: Button in a tab list
body: <p>I have a set of tabs that I want to be followed by an add button (to add a new tab). I just added a button to the children of the Tabs component and it renders and works exactly how I want it to, but there are so many warnings in the developer console.</p>
  
  <pre><code>        &lt;AppBar position="static"&gt;
            &lt;Tabs
              value={this.props.selectedTab}
              onChange={this.handleTabSelect}
              textColor="secondary"
            &gt;
              {this.props.ListOfStuff.map(el =&gt; {
                return (
                  &lt;Tab
                    className={classes.tabButton}
                    value={el.ClientId}
                    label={el.Label}
                    id={el.ClientId}
                    aria-controls={"tabPanel-" + el.ClientId}
                    key={"tab-" + el.ClientId}
                  /&gt;
                );
              })}
              &lt;Button
                className={classes.addButton}
                onClick={this.addNewTab}
              &gt;
                &lt;AddIcon color="secondary" className={classes.addIcon} /&gt;
                NEW TAB
              &lt;/Button&gt;
            &lt;/Tabs&gt;
          &lt;/AppBar&gt;
  </code></pre>
  
  <p>warnings like:
   - Warning: Received <code>false</code> for a non-boolean attribute <code>indicator</code>.
   - Warning: React does not recognize the <code>textColor</code> prop on a DOM element.
   - Warning: ForwardRef(InputBase) contains an input of type time with both value and defaultValue props.</p>
  
  <p>Any suggestions on how to keep it rendering in the same way but to get rid of all of these warnings?</p>
  
  <p>Thanks</p>