Update dependencies

.babelrc

@@ -10,6 +10,6 @@
   ],
   "plugins": [
     "@babel/plugin-syntax-dynamic-import",
-    "@babel/plugin-proposal-class-properties"
+    "@babel/plugin-transform-class-properties"
   ]
 }

config.yaml

@@ -1,14 +1,7 @@
-########################
-## Cloud Build Config ##
-########################
-
 isEnabled: true
 build:
   command: "yarn && yarn build"
   outputFolder: "build"
-envs:
-  - name: NODE_OPTIONS
-    value: "--openssl-legacy-provider"
 settings:
   type: website
   inSecure: true

package.json

@@ -14,7 +14,7 @@
     "clear": "rm -rf build/",
     "clear:all": "rm -rf node_modules/ && npm run clear",
     "count": "find src -name '*.js' | xargs wc -l | sort -r",
-    "start": "webpack serve --open --config webpack.config.dev.js"
+    "start": "webpack serve --config webpack.config.dev.js"
   },
   "dependencies": {
     "core-js": "^3.9.0",
@@ -24,34 +24,34 @@
     "d3-scale": "^3.2.3",
     "d3-selection": "^2.0.0",
     "d3-shape": "^2.0.0",
-    "regenerator-runtime": "^0.13.7",
+    "regenerator-runtime": "^0.14.1",
     "topojson-client": "^3.1.0"
   },
   "devDependencies": {
     "@babel/core": "^7.12.17",
-    "@babel/plugin-proposal-class-properties": "^7.12.13",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/plugin-transform-class-properties": "^7.23.3",
     "@babel/preset-env": "^7.12.17",
     "autoprefixer": "^10.2.4",
-    "babel-loader": "^8.2.2",
-    "clean-webpack-plugin": "^3.0.0",
-    "copy-webpack-plugin": "^7.0.0",
-    "css-loader": "^5.0.2",
-    "cssnano": "^4.1.10",
-    "eslint": "^7.20.0",
-    "eslint-loader": "^4.0.2",
-    "html-loader": "^2.0.0",
+    "babel-loader": "^9.1.3",
+    "clean-webpack-plugin": "^4.0.0",
+    "copy-webpack-plugin": "^12.0.1",
+    "css-loader": "^6.9.0",
+    "cssnano": "^6.0.3",
+    "eslint": "^8.56.0",
+    "eslint-webpack-plugin": "^4.0.1",
+    "html-loader": "^4.2.0",
     "html-webpack-plugin": "^5.2.0",
     "mini-svg-data-uri": "^1.2.3",
     "postcss": "^8.2.6",
-    "postcss-loader": "^5.0.0",
-    "postcss-preset-env": "^6.7.0",
+    "postcss-loader": "^7.3.4",
+    "postcss-preset-env": "^9.3.0",
     "sass": "^1.32.8",
-    "sass-loader": "^11.0.1",
-    "style-loader": "^2.0.0",
+    "sass-loader": "^13.3.3",
+    "style-loader": "^3.3.4",
     "webpack": "^5.23.0",
-    "webpack-cli": "^4.5.0",
-    "webpack-dev-server": "^3.11.2",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^4.15.1",
     "webpack-merge": "^5.7.3"
   }
 }

webpack.config.dev.js

@@ -1,6 +1,7 @@
 const path = require('path');
 const Webpack = require('webpack');
 const { merge } = require('webpack-merge');
+const ESLintPlugin = require('eslint-webpack-plugin');
 const common = require('./webpack.common.js');
 
 module.exports = merge(common, {
@@ -11,24 +12,24 @@ module.exports = merge(common, {
     chunkFilename: 'js/[name].chunk.js'
   },
   devServer: {
-    inline: true
+    port: 8080,
+    open: true,
+    hot: true,
+    client: {
+      overlay: {
+        errors: true,
+        warnings: false
+      }
+    }
   },
   plugins: [
     new Webpack.DefinePlugin({
       'process.env.NODE_ENV': JSON.stringify('development')
-    })
+    }),
+    new ESLintPlugin()
   ],
   module: {
     rules: [
-      {
-        test: /\.(js)$/,
-        include: path.resolve(__dirname, './src'),
-        enforce: 'pre',
-        loader: 'eslint-loader',
-        options: {
-          emitWarning: true
-        }
-      },
       {
         test: /\.(js)$/,
         include: path.resolve(__dirname, './src'),