React-hot-loader with SSR - reactjs

Question

I'm trying to figure out how to correctly implement react-hot-loader in my new SSR app, I've been able to do it fine in previous projects but I'm new to SSR so can't figure it out.
Here is my webpack.config.client:
const path = require("path");
const merge = require("webpack-merge");
const baseConfig = require("./webpack.config.base.js");
const client_path = path.resolve(__dirname, "public");
const config = {
name: "client",
target: "web",
entry: ["react-hot-loader/patch", "./src/client/client.js"],
output: {
path: client_path,
filename: "bundle.js"
},
resolve: {
extensions: [".js", ".jsx"]
}
};
module.exports = merge(baseConfig, config);
Here is my webpack.config.server:
const path = require("path");
const merge = require("webpack-merge");
const baseConfig = require("./webpack.config.base.js");
const webpackNodeExternals = require("webpack-node-externals");
const server_path = path.resolve(__dirname, "build");
const config = {
target: "node",
name: "server",
entry: ["react-hot-loader/patch", "./src/index.js"],
output: {
filename: "bundle.js",
path: server_path
},
resolve: {
extensions: [".js", ".jsx"]
},
externals: [webpackNodeExternals()]
};
module.exports = merge(baseConfig, config);
and webpack.config.base;
module.exports = {
module: {
rules: [
{
test: /\.(js|jsx)$/,
enforce: "pre",
loader: "babel-loader"
exclude: /node_modules/,
options: {
presets: [
"es2015",
"react",
"stage-0",
[
"env",
{ targets: { browsers: ["last 2 versions"] } }
]
],
plugins: [
"react-hot-loader/babel",
["transform-class-properties", { spec: true }]
]
}
}]
}
};
and package.json scripts:
"scripts": {
"dev": "npm-run-all --parallel dev:*",
"dev:server": "nodemon --w build --exec \"node build/bundle.js\"",
"dev:build-server": "webpack --config webpack.config.server.js --w",
"dev:build-client": "webpack --config webpack.config.client.js --w"
},
and if helpful link to github - https://github.com/dmartss/health2