chore(deps-dev): bump @types/webpack from 4.41.26 to 5.28.0

package.json

@@ -12,7 +12,7 @@
     "@types/chromecast-caf-receiver": "^5.0.12",
     "@types/jest": "^26.0.22",
     "@types/node": "^14.14.37",
-    "@types/webpack": "^4.41.25",
+    "@types/webpack": "^5.28.0",
     "@types/webpack-dev-server": "^3.11.3",
     "@types/webpack-merge": "^5.0.0",
     "@typescript-eslint/eslint-plugin": "^4.22.0",

tsconfig-webpack.json

@@ -3,6 +3,13 @@
         "module": "commonjs",
         "target": "es5",
         "esModuleInterop": true,
-        "resolveJsonModule": true
+        "resolveJsonModule": true,
+        "allowSyntheticDefaultImports": true,
+        "types": [
+            "@types/node",
+            "@types/webpack",
+            "@types/webpack-dev-server",
+            "@types/webpack-merge"
+        ]
     }
 }

tsconfig.json

@@ -13,6 +13,10 @@
         "baseUrl": "./src",
         "paths": {
             "~/*": ["./*"]
-        }
+        },
+        "types": [
+            "@types/node",
+            "@types/chromecast-caf-receiver"
+        ]
     }
 }

webpack.config.ts

@@ -7,8 +7,7 @@ import { merge } from 'webpack-merge';
 import { CleanWebpackPlugin } from 'clean-webpack-plugin';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 import ImageMinimizerPlugin from 'image-minimizer-webpack-plugin';
-
-import packagejson from './package.json';
+import version from './package.json';
 
 const common: webpack.Configuration = {
     context: path.resolve(__dirname, 'src'),
@@ -22,6 +21,7 @@ const common: webpack.Configuration = {
         extensions: ['.ts', '.js']
     },
     plugins: [
+        // @ts-expect-error - Typings mismatch between versions
         new CleanWebpackPlugin(),
         new HtmlWebpackPlugin({
             filename: 'index.html',
@@ -67,6 +67,7 @@ const common: webpack.Configuration = {
 const development: webpack.Configuration = {
     mode: 'development',
     devtool: 'inline-source-map',
+    // @ts-expect-error - Typings mismatch between versions
     devServer: {
         contentBase: path.join(__dirname, 'dist'),
         compress: true,
@@ -78,7 +79,7 @@ const development: webpack.Configuration = {
     plugins: [
         new DefinePlugin({
             PRODUCTION: JSON.stringify(false),
-            RECEIVERVERSION: JSON.stringify(packagejson.version)
+            RECEIVERVERSION: JSON.stringify(version)
         })
     ]
 };
@@ -88,13 +89,12 @@ const production: webpack.Configuration = {
     plugins: [
         new DefinePlugin({
             PRODUCTION: JSON.stringify(true),
-            RECEIVERVERSION: JSON.stringify(packagejson.version)
+            RECEIVERVERSION: JSON.stringify(version)
         })
     ]
 };
 
 module.exports = (
-    env: string,
     argv: { [key: string]: string }
 ): webpack.Configuration => {
     let config;