fix(build): update webpack and react-refresh deps

Author: mod3x

package.json

@@ -49,7 +49,7 @@
         "@babel/preset-env": "~7.12.1",
         "@babel/preset-react": "~7.12.1",
         "@babel/register": "~7.12.1",
-        "@pmmmwh/react-refresh-webpack-plugin": "~0.4.2",
+        "@pmmmwh/react-refresh-webpack-plugin": "~0.5.1",
         "@svgr/webpack": "~5.4.0",
         "@teamsupercell/typings-for-css-modules-loader": "~2.4.0",
         "@typescript-eslint/eslint-plugin": "~4.7.0",
@@ -89,7 +89,7 @@
         "prettier": "~2.1.2",
         "prettier-plugin-import-sort": "~0.0.6",
         "pretty-quick": "~3.1.0",
-        "react-refresh": "~0.9.0",
+        "react-refresh": "~0.10.0",
         "regenerator-runtime": "~0.13.7",
         "resolve-url-loader": "~3.1.2",
         "sass": "~1.29.0",
@@ -101,11 +101,11 @@
         "ts-loader": "~8.0.7",
         "typescript": "~4.0.3",
         "url-loader": "~4.1.1",
-        "webpack": "~5.24.2",
-        "webpack-bundle-analyzer": "~4.1.0",
-        "webpack-cli": "~4.5.0",
-        "webpack-dev-server": "~3.11.2",
-        "webpack-merge": "~5.3.0"
+        "webpack": "~5.64.0",
+        "webpack-bundle-analyzer": "~4.5.0",
+        "webpack-cli": "~4.9.1",
+        "webpack-dev-server": "~4.5.0",
+        "webpack-merge": "~5.8.0"
     },
     "importSort": {
         ".ts, .tsx": {

webpack/config/devServer.js

@@ -13,12 +13,16 @@ const devServerHost = isWindows() ? '127.0.0.1' : '0.0.0.0';
 export const devServerUrl = `http://${devServerHost}:${defaultPort}/`;
 
 export const devServerConfig = {
-    publicPath: '/',
-    port: defaultPort,
-    historyApiFallback: true,
+    client: {
+        overlay: false,
+    },
     headers: {'Access-Control-Allow-Origin': '*'},
-    proxy: devServerProxyConfig,
-    hot: true,
-    overlay: false,
+    historyApiFallback: true,
     host: devServerHost,
+    hot: true,
+    port: defaultPort,
+    proxy: devServerProxyConfig,
+    static: {
+        publicPath: '/',
+    },
 };