title: How to import SignalR in React Component?
body: <p>I have used <strong>create-react-app</strong> to scaffold the initial react application. </p>
  
  <p>My <strong>DashBoard</strong> component:</p>
  
  <pre><code>import React, { Component } from 'react';
  import { Link } from 'react-router-dom';
  import $ from 'jquery';
  import 'signalr';
  
  class Dashboard extends Component {
     constructor(props) {    
     super(props);
     var connection = $.hubConnection('http://[address]:[port]');
     var proxy = connection.createHubProxy('[hubname]');   
  
      // atempt connection, and handle errors
      connection.start()
      .done(function(){ console.log('Now connected, connection ID=' + connection.id); })
      .fail(function(){ console.log('Could not connect'); });
  }
  
    render() {
      return (...);
    }
  }
  
  export default Dashboard;
  </code></pre>
  
  <p>Now I get the below error from SignalR saying jQuery is not added, but I have imported it in the line above:</p>
  
  <blockquote>
    <p>Error: jQuery was not found. Please ensure jQuery is referenced before
    the SignalR client JavaScript file.</p>
  </blockquote>
  
  <p>If I comment out import "signalr"; jQuery gets loaded correctly and i can access the <code>$</code> inside the module. Why does this happen?</p>