react smooth scrollbar from idiotWu does not work?
<p>I'm trying to use this scrollbar in my react project:</p>

<p><a href="https://github.com/idiotWu/react-smooth-scrollbar" rel="nofollow noreferrer">https://github.com/idiotWu/react-smooth-scrollbar</a></p>

<p>But when I install the module into my react project and I tried following the instructions, nothing happens.  I still get the regular scrollbar.  I don't get any errors/warnings in the console.  </p>

<p>Here's my package.json file</p>

<pre><code>{
  "name": "johnproject",
  "version": "1.0.0",
  "main": "src/Main.js",
  "scripts": {},
  "author": "",
  "license": "ISC",
  "dependencies": {
    "babel-plugin-transform-decorators": "^6.6.5",
    "babel-plugin-transform-decorators-legacy": "^1.3.4",
    "es6-promise": "^4.0.5",
    "jquery": "^2.2.3",
    "jquery-mousewheel": "^3.1.13",
    "react": "^0.14.7",
    "react-addons-css-transition-group": "^15.3.2",
    "react-bootstrap-modal": "^3.0.0",
    "react-dom": "^0.14.7",
    "react-router": "^2.0.0",
    "react-smooth-scrollbar": "^7.2.1"
  },
  "devDependencies": {
    "babel-core": "^6.7.4",
    "babel-loader": "^6.2.4",
    "babel-preset-es2015": "^6.6.0",
    "babel-preset-react": "^6.5.0",
    "clean-webpack-plugin": "^0.1.8",
    "css-loader": "^0.25.0",
    "file-loader": "^0.9.0",
    "node-sass": "^3.10.1",
    "sass-loader": "^4.0.2",
    "style-loader": "^0.13.1",
    "url-loader": "^0.5.7",
    "webpack": "^1.12.13"
  },
  "description": ""
}
</code></pre>

<p>Here's my webpack.config.js</p>

<pre><code>var webpack = require('webpack');
var CleanPlugin = require('clean-webpack-plugin');

module.exports = {
  entry: {app:'./src/Main.js'},

  output: {
    filename: '[name].bundle.js',
    chunkFilename: '[id].[hash].bundle.js',
  path: 'build',
    publicPath: '/smoothscroll/build/'
  },
  plugins: [
    /*
        // This plugin minifies all the Javascript code of the final bundle
        new webpack.optimize.UglifyJsPlugin({
            mangle:   true,
            compress: {
                warnings: false, // Suppress uglification warnings
            },
        }),
    */
        new webpack.optimize.CommonsChunkPlugin({
            name:      'main', // Move dependencies to our main file
            children:  true, // Look for common dependencies in all children,
            minChunks: 2, // How many times a dependency must come up before being extracted
        })
  ],
  module: {
    loaders: [
      { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader?presets[]=es2015&amp;presets[]=react' },
      { test: /\.scss$/, loaders: [ 'style', 'css', 'sass' ]},
      { test: /\.(jpg|gif|png|eot|woff|svg|ttf)(\?.*)?$/, loader: "file-loader" }
    ]
  }
</code></pre>

<p>Here's my index.html</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
&lt;head&gt;
  &lt;title&gt;My Web&lt;/title&gt;
  &lt;meta charset="utf-8"/&gt;
  &lt;meta name="description" content="" /&gt;
  &lt;meta name="keywords" content="" /&gt;
  &lt;meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1, user-scalable=no" /&gt;
  &lt;link rel="stylesheet" href="/smoothscroll/node_modules/smooth-scrollbar/dist/smooth-scrollbar.css"&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="app"&gt;&lt;/div&gt;
&lt;script src="/smoothscroll/build/app.bundle.js"&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>And here's my src/Main.js</p>

<pre><code>import React from 'react'
import { render } from 'react-dom'
import ReactDOM from 'react-dom'
import Scrollbar from 'react-smooth-scrollbar';


class App extends React.Component {
    render() {
        return (
      &lt;Scrollbar
        speed={100}
        damping={0.1}
        overscrollDamping={0.2}
        thumbMinSize={20}
        renderByPixels={true}
        continuousScrolling={true}&gt;
        &lt;ol&gt;
          &lt;li&gt;Item&lt;/li&gt;
          &lt;li&gt;Item&lt;/li&gt;
          &lt;li&gt;add int 100 more rows of these&lt;/li&gt;
        &lt;/ol&gt;
      &lt;/Scrollbar&gt;
        );
    }
}
ReactDOM.render(&lt;App /&gt;, document.getElementById('app'));
</code></pre>

<p>What am I doing wrong?</p>

<p>MORE INSTRUCTIONS
To reproduce my issue, simply create the four files above within a folder called smoothscroll such that the project will be visible at <code>http://whatever.com/smoothscroll</code> .  Then run <code>npm install</code>.  Then run <code>webpack</code>.  Then visit the <code>http://whatever.com/smoothscroll</code> to see that the site still uses native scrollbar.</p>

<p>Here's my version of the project:</p>

<p><a href="https://github.com/johnlai2004/react-smooth-scrollbar" rel="nofollow noreferrer">https://github.com/johnlai2004/react-smooth-scrollbar</a></p>