Bump webpack-dev-server from 3.1.0 to 4.0.0

Dashboard/package.json

@@ -39,7 +39,7 @@
   },
   "homepage": "./src",
   "scripts": {
-    "web": "webpack-dev-server --mode=development --hot",
+    "web": "webpack serve",
     "build": "webpack --mode=production",
     "start": "concurrently -k \"yarn web\" \"npm:electron\"",
     "electron": "wait-on tcp:8080 && electron .",
@@ -94,8 +94,8 @@
     "ts-loader": "^9.2.3",
     "wait-on": "^6.0.0",
     "webpack": "^5.41.1",
-    "webpack-cli": "^3.3.12",
-    "webpack-dev-server": "^3.11.0"
+    "webpack-cli": "^4.8.0",
+    "webpack-dev-server": "^4.0.0"
   },
   "presets": [
     "@babel/preset-env",

Dashboard/src/App.tsx

@@ -20,6 +20,7 @@ const App = () => {
   const [status, setStatus] = useState(0);
   const SerialDataListener = (data: string) => {
     const parsedData = data.split(",");
+    console.log(parsedData);
     setStatus(parseInt(parsedData[2], 10));
   };
 

Dashboard/webpack.config.js

@@ -4,7 +4,7 @@ const HtmlWebpackPlugin = require("html-webpack-plugin");
 const ForkTsCheckerWebpackPlugin = require("fork-ts-checker-webpack-plugin");
 
 module.exports = (env, argv) => {
-  const nodeModules = {};
+  const nodeModules = { };
   fs.readdirSync("node_modules")
     .filter((x) => [".bin"].indexOf(x) === -1)
     .forEach((mod) => {
@@ -21,7 +21,6 @@ module.exports = (env, argv) => {
     resolve: {
       extensions: [".tsx", ".ts", ".js"],
     },
-    devServer: { contentBase: path.join(__dirname, "src") },
     devtool: "source-map",
     module: {
       rules: [
@@ -74,7 +73,6 @@ module.exports = (env, argv) => {
         },
       },
     ],
-    watch: true,
     target: "electron-renderer",
     externals: nodeModules,
   };