React + Webpack HMR is refreshing the page (not hot loading)
<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>