title: Material-ui-next typescript error
body: <p>I created a default VS2017 react-redux template and tried to add material-ui-next component and I am getting following error:</p>
  
  <pre><code>ERROR in [at-loader] ./node_modules/material-ui/BottomNavigation/BottomNavigationButton.d.ts:6:74 TS2344: Type '"onChange"' does not satisfy the constraint '"className" | "style" | "component" | "classes" | "innerRef" | "centerRipple" | "disableRipple" |...'. 
  ERROR in [at-loader] ./node_modules/material-ui/ButtonBase/ButtonBase.d.ts:6:13 TS2694: Namespace 'React' has no exported member 'AnchorHTMLAttributes'. 
  ERROR in [at-loader] ./node_modules/material-ui/Snackbar/Snackbar.d.ts:10:18 TS2430: Interface 'SnackbarProps' incorrectly extends interface 'Pick&lt;HTMLAttributes&lt;HTMLDivElement&gt; &amp; Partial&lt;TransitionHandlers&gt; &amp; { classes: any; }, "defaultCh...'. Type 'SnackbarProps' is not assignable to type 'Pick&lt;HTMLAttributes&lt;HTMLDivElement&gt; &amp; Partial&lt;TransitionHandlers&gt; &amp; { classes: any; }, "defaultCh...'. Types of property 'action' are incompatible. Type 'ReactElement&lt;any&gt; | ReactElement&lt;any&gt;[]' is not assignable to type 'string'. Type 'ReactElement&lt;any&gt;' is not assignable to type 'string'.
  </code></pre>
  
  <p>This is my code:</p>
  
  <p>```</p>
  
  <pre><code>import * as React from 'react';
  import { Link, RouteComponentProps } from 'react-router-dom';
  import { connect } from 'react-redux';
  import { ApplicationState } from '../store';
  import * as PetGiftboxProbabilitiesState from 
  '../store/PetGiftboxProbabilities';
  import { GridList, GridListTile } from 'material-ui/GridList';
  
  // At runtime, Redux will merge together...
  type PetGiftboxProbabilityProps =
  PetGiftboxProbabilitiesState.PetGiftboxProbabilitiesState
  &amp; typeof PetGiftboxProbabilitiesState.actionCreators    
  &amp; RouteComponentProps&lt;{}&gt;;
  
  class FetchData extends React.Component&lt;PetGiftboxProbabilityProps, {}&gt; {
  componentWillMount() {
      // This method runs when the component is first added to the page
      this.props.requestPetGiftboxProbabilities();
  }
  public render() {
      return &lt;div&gt;
          &lt;h1&gt;Pet giftbox forecast&lt;/h1&gt;
          {this.renderForecastsTable()}
      &lt;/div&gt;;
  }
  private renderForecastsTable() {
      return &lt;GridList cellHeight={160}&gt;
          {this.props.petGiftboxProbabilities.map(pet =&gt;
              &lt;GridListTile key={pet.petId}&gt;
                  &lt;img className="pet-image" src={pet.imageUrl} alt=
   {pet.petName} /&gt;
              &lt;/GridListTile&gt;
          )}
      &lt;/GridList&gt;;
   }
  }
  
  export default connect(
  (state: ApplicationState) =&gt; state.PetGiftboxProbabilities,
  PetGiftboxProbabilitiesState.actionCreators          
  )(FetchData as any) as typeof FetchData;
  </code></pre>
  
  <p>What is wrong with my code?
  Thank you in advance.</p>