title: Cannot import materialize-css in React project to use Chips
body: <p>I have created project by command:</p>
  
  <pre><code>create-react-app app
  </code></pre>
  
  <p>I am using materialize-css <a href="http://materializecss.com/" rel="noreferrer">http://materializecss.com/</a> and want to use Chips <a href="http://materializecss.com/chips.html" rel="noreferrer">http://materializecss.com/chips.html</a>. </p>
  
  <pre><code>import React, { Component } from 'react';
  import $ from 'jquery';
  import 'materialize-css';
  
  class Form extends Component {
      constructor(props) {
          super(props);
          $(document).ready(function() {
              $('.chips').material_chip({
                  data: [{
                     tag: 'Apple',
                  }, {
                     tag: 'Microsoft',
                  }, {
                     tag: 'Google',
                  }],
              });
          });
      }
      render() {
          return (
              &lt;div&gt;
                  &lt;div className="chips"&gt;&lt;/div&gt;
                  &lt;button&gt;Add&lt;/button&gt;
              &lt;/div&gt;
          )
      }
  }
  </code></pre>
  
  <p>I have tried to import:</p>
  
  <pre><code>import 'materialize-css/bin/materialize.css'
  import 'materialize-css/bin/materialize.js'
  </code></pre>
  
  <p>But it's not working. The browser throw error:</p>
  
  <pre><code>Uncaught TypeError: $(...).material_chip is not a function
  </code></pre>