title: React owl.carousel $ not defined
body: <p>I have created app using create-react-app. I have imported module jquery in component and also owl.carousel but why it is showing error.</p>
  
  <p>Here is the Component Code</p>
  
  <pre><code>import React,{Component} from 'react';
  
  import $ from '../../../node_modules/jquery/dist/jquery.min'
  import '../../../node_modules/owl.carousel/dist/owl.carousel'
  
  import '../../../node_modules/owl.carousel/dist/assets/owl.carousel.min.css'
  
  class Header extends Component{
  
      componentDidMount() {
      }
  
      render(){
          return(
              &lt;div className="owl-carousel"&gt;
                  &lt;div&gt;Content 1&lt;/div&gt;
                  &lt;div&gt;Content 2&lt;/div&gt;
                  &lt;div&gt;Content 3&lt;/div&gt;
                  &lt;div&gt;Content 4&lt;/div&gt;
                  &lt;div&gt;Content 5&lt;/div&gt;
                  &lt;div&gt;Content 6&lt;/div&gt;
                  &lt;div&gt;Content 7&lt;/div&gt;
              &lt;/div&gt;
          )
      }
  }
  </code></pre>
  
  <p>Cannot read property of undefined.
  <a href="https://i.stack.imgur.com/ecrBK.png" rel="nofollow noreferrer"> Error screenshot</a></p>