title: react-bootstrap not working as expected
body: <p>I am trying to use react-bootstrap to style a web page. </p>
  
  <p>package.json</p>
  
  <pre><code>{
    "name": "chrome-ui",
    "version": "0.1.0",
    "private": true,
    "dependencies": {
      "react": "^16.0.0",
      "react-dom": "^16.0.0",
      "react-scripts": "1.0.16"
    },
    "scripts": {
      "start": "react-scripts start",
      "build": "react-scripts build",
      "test": "react-scripts test --env=jsdom",
      "eject": "react-scripts eject"
    },
    "devDependencies": {
      "react-bootstrap": "^0.31.5"
    }
  }
  </code></pre>
  
  <p>App.js</p>
  
  <pre><code>import React from 'react';
  import { Button } from 'react-bootstrap'
  
  function CheckState(props){
      function handleClick(e){
          console.log(props.state)
      }
      return(
          &lt;Button bsStyle="primary" onClick={handleClick}&gt;Click for state&lt;/Button&gt;
      )
  }
  </code></pre>
  
  <p>However this is what I'm seeing on the web page when I refresh:</p>
  
  <p><a href="https://i.stack.imgur.com/BAdgi.png" rel="noreferrer"><img src="https://i.stack.imgur.com/BAdgi.png" alt="enter image description here"></a></p>
  
  <p>It doesn't look like the styling is being added. What am I doing wrong? </p>