title: Using MuiThemeProvider tag for material ui with react
body: <p>I started with simple react components of material ui using demonstrative app as mentioned here:
  <a href="https://www.npmjs.com/package/material-ui" rel="nofollow noreferrer">https://www.npmjs.com/package/material-ui</a>
  I have following questions</p>
  
  <ol>
  <li>do we need to use MuiThemeProvider for each and
  evert material ui component ? </li>
  <li>Is there any way to use it globally</li>
  </ol>
  
  <p>This is working fine for given code. but when I add any additional component in MuiThemeProvider tag it does not render anything and webpack does not throw any error.</p>
  
  <p>Lets have a look at below example. I simply copied MyAwesomeReactComponent twice and it stopped working. This is working fine if I remove second instance of MyAwesomeReactComponent.</p>
  
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
  import MyAwesomeReactComponent from './MyAwesomeReactComponent';
  
  const App = () =&gt; (
    &lt;MuiThemeProvider&gt;
      &lt;MyAwesomeReactComponent /&gt;
      &lt;MyAwesomeReactComponent /&gt;
    &lt;/MuiThemeProvider&gt;
  );
  
  ReactDOM.render(
    &lt;App /&gt;,
    document.getElementById('app')
  );
  </code></pre>
  
  <p>here is code of MyAwesomeReactComponent.js</p>
  
  <pre><code>import React from 'react';
  import RaisedButton from 'material-ui/RaisedButton';
  
  const MyAwesomeReactComponent = () =&gt; (
    &lt;RaisedButton label="Default" /&gt;
  );
  
  export default MyAwesomeReactComponent;
  </code></pre>