title: React + Webpack HMR is refreshing the page (not hot loading)
body: <p>I'm having a bit of trouble getting the react-hot webpack loader to work correctly.</p>
  
  <p>When I load the page I get the following as I would expect:</p>
  
  <blockquote>
    <p>[HMR] Waiting for update signal from WDS...<br/>
    [WDS] Hot Module Replacement enabled.</p>
  </blockquote>
  
  <p>But when I save a change the page automatically hard refreshes the browser (rather than a HMR replacement).</p>
  
  <pre><code>//webpack.config.js
  
   {
    entry: {
      client: 'webpack-dev-server/client?http://localhost:8786', // WebpackDevServer host and port
      app: "./HelloWorld.tsx"
    },
    devtool: process.env.WEBPACK_DEVTOOL || 'cheap-module-source-map',
    output: {
          path: path.join(__dirname, 'dist'),
          filename: '[name].entry.js'
    },
    module: {
      loaders: [
        {
          test: /\.ts(x?)$/,
          loaders: ['react-hot', 'babel-loader?cacheDirectory=true,presets[]=es2015,presets[]=react', 'ts-loader']
        }
      ]
    },
      devServer: {
          contentBase: "./dist",
      port:8786
      },
      plugins: [
          new webpack.NoErrorsPlugin()
      ]
  }
  </code></pre>
  
  <p>command: <code>webpack-dev-server --hot --inline</code></p>
  
  <p>on an interesting sidenote if I use <code>babel-preset-react-hmre</code> everything works as expected. (However I don't really want to use this as it seems less supported than the proper react-hot loader).</p>