title: CSS Modules don't return class
body: <p>I would like to install css modules into <code>create-react-app</code> and I came across this <a href="https://github.com/kitze/custom-react-scripts" rel="nofollow noreferrer">https://github.com/kitze/custom-react-scripts</a>.</p>
  
  <p>After setting things up, I created a test <code>style.module.css</code> file in my folder and import it with <code>import styles from './style.module.css';</code> like so,</p>
  
  <pre><code>import React, { Component } from 'react';
  import styles from './style.module.css';
  
  console.log(styles); //returns '/static/media/style.module.b3708639.css'
  console.log(styles.red); //returns 'undefined'
  
  export default class Form extends Component {
      render = () =&gt; {
          return (
              &lt;form onSubmit={this.handleSubmit}&gt;
                  &lt;TextInput /&gt;
                  &lt;PasswordInput /&gt;
                  &lt;Submit /&gt;
                  &lt;p className={[styles.red, 'test'].join(' ')}&gt;Test&lt;/p&gt; //rendered &lt;p class="test"&gt;Test&lt;/p&gt;
              &lt;/form&gt;
          );
      }
  
      handleSubmit = () =&gt; {
          console.log('submit!');
      } 
  }
  </code></pre>
  
  <p>This is my style.module.css content </p>
  
  <pre><code>.facebook_button { margin-top:10px; }
  .red { color:red; }
  </code></pre>
  
  <p>Any advise?</p>