chore: update dependencies

package.json

@@ -50,9 +50,9 @@
   "author": "Tom Chen <tomchen.org@gmail.com>",
   "license": "MIT",
   "dependencies": {
-    "@emotion/react": "^11.4.0",
+    "@emotion/react": "^11.4.1",
     "@emotion/styled": "^11.3.0",
-    "@material-ui/core": "^5.0.0-beta.1",
+    "@material-ui/core": "^5.0.0-beta.5",
     "@tailwindcss/forms": "^0.3.3",
     "classnames": "^2.3.1",
     "copy-to-clipboard": "^3.3.1",
@@ -61,39 +61,39 @@
     "pwacompat": "^2.0.17",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-helmet-async": "^1.0.9",
+    "react-helmet-async": "^1.1.2",
     "react-jss": "^10.7.1",
     "react-redux": "^7.2.4",
-    "redux": "^4.1.0",
+    "redux": "^4.1.1",
     "redux-observable": "^1.2.0",
     "rxjs": "^6.6.7",
     "screenfull": "^5.1.0",
     "semver": "^7.3.5",
-    "tailwindcss": "^2.2.4",
+    "tailwindcss": "^2.2.8",
     "typesafe-actions": "^5.1.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^12.1.4",
-    "@commitlint/config-conventional": "^12.1.4",
-    "@types/jest": "^26.0.24",
-    "@types/react": "^17.0.14",
+    "@commitlint/cli": "^13.1.0",
+    "@commitlint/config-conventional": "^13.1.0",
+    "@types/jest": "^27.0.1",
+    "@types/react": "^17.0.19",
     "@types/react-dom": "^17.0.9",
     "@types/react-redux": "^7.1.18",
-    "@types/semver": "^7.3.7",
+    "@types/semver": "^7.3.8",
     "@vue/preload-webpack-plugin": "^2.0.0",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.6.3",
-    "autoprefixer": "^10.3.1",
+    "autoprefixer": "^10.3.3",
     "copy-webpack-plugin": "^9.0.1",
-    "css-loader": "^6.1.0",
+    "css-loader": "^6.2.0",
     "css-modules-typescript-loader": "^4.0.1",
-    "cssnano": "^5.0.6",
+    "cssnano": "^5.0.8",
     "enzyme": "^3.11.0",
-    "fork-ts-checker-webpack-plugin": "^6.2.12",
+    "fork-ts-checker-webpack-plugin": "^6.3.2",
     "html-webpack-plugin": "^5.3.2",
-    "husky": "^7.0.1",
-    "jest": "^27.0.6",
+    "husky": "^7.0.2",
+    "jest": "^27.1.0",
     "node-sass": "^6.0.1",
-    "postcss": "^8.3.5",
+    "postcss": "^8.3.6",
     "postcss-import": "^14.0.2",
     "postcss-loader": "^6.1.1",
     "react-test-renderer": "^17.0.2",
@@ -102,39 +102,39 @@
     "redux-mock-store": "^1.5.4",
     "rimraf": "^3.0.2",
     "sass-loader": "^12.1.0",
-    "style-loader": "^3.1.0",
+    "style-loader": "^3.2.1",
     "svgo-loader": "^3.0.0",
-    "ts-jest": "^27.0.3",
-    "ts-loader": "^9.2.3",
-    "ts-node": "^10.1.0",
-    "typescript": "^4.3.5",
-    "webpack": "^5.45.1",
-    "webpack-cli": "^4.7.2",
-    "webpack-dev-server": "^3.11.2",
-    "workbox-webpack-plugin": "^6.1.5"
+    "ts-jest": "^27.0.5",
+    "ts-loader": "^9.2.5",
+    "ts-node": "^10.2.1",
+    "typescript": "^4.4.2",
+    "webpack": "^5.51.1",
+    "webpack-cli": "^4.8.0",
+    "webpack-dev-server": "^4.0.0",
+    "workbox-webpack-plugin": "^6.2.4"
   },
   "optionalDependencies": {
     "@types/convert-excel-to-json": "^1.7.1",
     "@types/lodash.clonedeep": "^4.5.6",
     "@types/merge-img": "^2.1.1",
-    "@types/sharp": "^0.28.4",
+    "@types/sharp": "^0.28.5",
     "convert-excel-to-json": "^1.7.0",
-    "csv-parse": "^4.16.0",
-    "eslint": "^7.31.0",
+    "csv-parse": "^4.16.2",
+    "eslint": "^7.32.0",
     "eslint-config-airbnb": "^18.2.1",
     "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-import": "^2.23.4",
+    "eslint-plugin-import": "^2.24.2",
     "eslint-plugin-jsx-a11y": "^6.4.1",
     "eslint-plugin-react": "^7.24.0",
     "eslint-plugin-react-hooks": "^4.2.0",
     "fontmin": "^0.9.8",
-    "http-server": "^0.12.3",
-    "join-images": "^0.2.6",
+    "http-server": "^13.0.1",
+    "join-images": "^0.2.9",
     "opencc-js": "^1.0.3",
     "prettier": "^2.3.2",
-    "sharp": "^0.28.3",
+    "sharp": "^0.29.0",
     "sloc": "^0.2.1",
-    "tesseract.js": "^2.1.4",
+    "tesseract.js": "^2.1.5",
     "xml-js": "^1.6.11"
   },
   "browserslist": {

webpack.config.js

@@ -27,9 +27,19 @@ module.exports = (env, argv) => {
     devServer: {
       port: 8080,
       open: true,
-      stats: {
-        performance: false,
+      client: {
+        overlay: {
+          errors: true,
+          warnings: false,
+        },
       },
+      // devMiddleware: {
+      //   stats: {
+      //     errors: true,
+      //     warnings: false,
+      //     errorDetails: true,
+      //   },
+      // },
     },
     resolve: {
       extensions: [