Client: Update dependencies

Author: winwiz1

client/package.json

@@ -51,48 +51,48 @@
   "devDependencies": {
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
-    "@types/debug": "^4.1.6",
-    "@types/jest": "^26.0.23",
-    "@types/jsdom": "^16.2.12",
-    "@types/react": "^17.0.13",
-    "@types/react-dom": "17.0.8",
-    "@types/react-helmet": "6.1.1",
-    "@types/react-router-dom": "^5.1.7",
+    "@types/debug": "^4.1.7",
+    "@types/jest": "^27.0.1",
+    "@types/jsdom": "^16.2.13",
+    "@types/react": "^17.0.19",
+    "@types/react-dom": "17.0.9",
+    "@types/react-helmet": "6.1.2",
+    "@types/react-router-dom": "^5.1.8",
     "@types/semantic-ui": "2.2.7",
-    "@types/webpack-dev-server": "^3.11.5",
-    "@typescript-eslint/eslint-plugin": "^4.28.1",
-    "@typescript-eslint/parser": "^4.28.1",
+    "@types/webpack-dev-server": "^4.0.2",
+    "@typescript-eslint/eslint-plugin": "^4.29.3",
+    "@typescript-eslint/parser": "^4.29.3",
     "clean-webpack-plugin": "4.0.0-alpha.0",
     "compression-webpack-plugin": "8.0.1",
     "copyfiles": "^2.4.1",
     "cross-env": "^7.0.3",
-    "css-loader": "5.2.6",
+    "css-loader": "6.2.0",
     "css-minimizer-webpack-plugin": "^3.0.2",
-    "eslint": "^7.30.0",
-    "fork-ts-checker-webpack-plugin": "6.2.12",
+    "eslint": "^7.32.0",
+    "fork-ts-checker-webpack-plugin": "6.3.2",
     "html-webpack-harddisk-plugin": "2.0.0",
     "html-webpack-plugin": "5.3.2",
     "html-webpack-template": "6.2.0",
     "jest": "^27.0.6",
     "jest-css-modules": "^2.1.0",
-    "jsdom": "^16.6.0",
-    "mini-css-extract-plugin": "^2.0.0",
+    "jsdom": "^17.0.0",
+    "mini-css-extract-plugin": "^2.2.0",
     "mkdirp": "^1.0.4",
     "null-loader": "^4.0.1",
     "prettier": "^2.3.2",
     "rimraf": "^3.0.2",
-    "style-loader": "3.0.0",
-    "ts-jest": "^27.0.3",
-    "ts-loader": "9.2.3",
-    "ts-node": "^10.0.0",
-    "tsconfig-paths": "^3.9.0",
+    "style-loader": "3.2.1",
+    "ts-jest": "^27.0.5",
+    "ts-loader": "9.2.5",
+    "ts-node": "^10.2.1",
+    "tsconfig-paths": "^3.11.0",
     "tsconfig-paths-webpack-plugin": "^3.5.1",
-    "tslib": "2.3.0",
+    "tslib": "2.3.1",
     "typescript": "4.3.5",
-    "webpack": "5.42.0",
-    "webpack-cli": "4.7.2",
-    "webpack-dev-server": "^3.11.2",
+    "webpack": "5.51.1",
+    "webpack-cli": "4.8.0",
+    "webpack-dev-server": "^4.0.0",
     "webpack-node-externals": "^3.0.0",
-    "webpack-subresource-integrity": "5.0.0-alpha.5"
+    "webpack-subresource-integrity": "5.0.0"
   }
 }

client/webpack.config.js

@@ -149,18 +149,30 @@ const getWebpackConfig = (env, argv) => {
       })
     ],
     devServer: {
-      index: `/${configuredSPAs.getRedirectName()}.html`,
-      publicPath: "/static/",
-      contentBase: path.join(__dirname, "dist"),
-      compress: false,
+      allowedHosts: "localhost",
+      bonjour: false,
+      client: {
+        logging: "info",
+        overlay: { errors: true, warnings: false },
+        progress: true,
+      },
+      devMiddleware: {
+        index: `/${configuredSPAs.getRedirectName()}.html`,
+        publicPath: "/static/",
+        serverSideRender: false,
+        writeToDisk: true,
+      },
+      static: {
+        directory: path.join(__dirname, "dist"),
+      },
       hot: true,
-      inline: true,
+      liveReload: true,
       port: 8080,
-      writeToDisk: true,
       historyApiFallback: {
         index: `${configuredSPAs.getRedirectName()}.html`,
         rewrites: configuredSPAs.getRewriteRules()
-      }
+      },
+      watchFiles: ["src/**", `${path.join(__dirname, "dist")}`],
     },
     context: path.resolve(__dirname),
   };