chore: upgrade webpack-dev-server to v4

web/package.json

@@ -58,7 +58,7 @@
     "@types/react-router-dom": "^5.1.7",
     "@types/react-transition-group": "^4.4.2",
     "@types/webpack": "^5.28.0",
-    "@types/webpack-dev-server": "^3.11.4",
+    "@types/webpack-dev-server": "^4.3.1",
     "@types/workbox-webpack-plugin": "^5.1.8",
     "autoprefixer": "^10.2.6",
     "copy-webpack-plugin": "^9.0.1",
@@ -81,9 +81,9 @@
     "tsconfig-paths-webpack-plugin": "^3.5.1",
     "typescript": "^4.3.4",
     "url-loader": "^4.1.1",
-    "webpack": "^5.41.0",
-    "webpack-cli": "^4.7.2",
-    "webpack-dev-server": "^3.11.2",
+    "webpack": "^5.58.2",
+    "webpack-cli": "^4.9.1",
+    "webpack-dev-server": "^4.3.1",
     "workbox-webpack-plugin": "^6.3.0"
   }
 }

web/webpack.config.ts

@@ -50,7 +50,12 @@ const config: Configuration = {
   devServer: {
     port: PORT,
     historyApiFallback: true,
-    contentBase: './dist',
+    static: {
+      directory: path.resolve(__dirname, './dist'),
+    },
+    client: {
+      overlay: false,
+    },
   },
   module: {
     rules: [