title: using material-ui with SCSS directly in React component
body: <p>I have an issue about using styles in React component. I want to use SCSS instead of either using the <code>withStyle</code> function or importing pure CSS file into a JS file.</p>
  
  <p>For example I want to import my SCSS file into <code>ButtonComponent.js</code> as below:</p>
  
  <ol>
  <li><code>import './buttonStyle.scss'</code></li>
  <li>Put my theme configuration in a SCSS file named <code>theme.scss</code></li>
  <li>Import <code>theme.scss</code> into my SCSS files</li>
  <li>Make use of the SCSS classes in <code>className</code> of the components.</li>
  </ol>
  
  <p>How can I do this?</p>