use webpack 5

.babelrc

@@ -9,7 +9,7 @@
   "env": {
     "development": {
       "plugins": [
-        "react-hot-loader/babel"
+        "react-refresh/babel"
       ]
     }
   }

package.json

@@ -82,96 +82,93 @@
     "@babel/plugin-proposal-class-properties": "^7.10.4",
     "@babel/preset-env": "^7.11.5",
     "@babel/preset-react": "^7.10.4",
-    "@mdx-js/loader": "0.15.7",
-    "@mdx-js/mdx": "0.15.7",
-    "@octokit/rest": "^16.27.1",
+    "@mdx-js/loader": "^1.6.16",
+    "@octokit/rest": "^18.0.5",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.4.2",
     "alex": "^5.1.0",
-    "autoprefixer": "^7.2.3",
+    "autoprefixer": "^9.8.6",
     "babel-loader": "^8.1.0",
-    "bundlesize": "^0.17.1",
-    "copy-webpack-plugin": "4.5.2",
-    "cross-env": "5.2.0",
-    "css-loader": "^0.28.10",
-    "cypress": "^4.5.0",
-    "directory-tree": "2.2.0",
-    "directory-tree-webpack-plugin": "0.3",
+    "bundlesize": "^0.18.0",
+    "copy-webpack-plugin": "^6.1.0",
+    "cross-env": "^7.0.2",
+    "css-loader": "^4.3.0",
+    "css-minimizer-webpack-plugin": "^1.1.3",
+    "cypress": "^5.1.0",
+    "directory-tree": "^2.2.4",
+    "directory-tree-webpack-plugin": "^1.0.2",
     "duplexer": "^0.1.1",
     "eslint": "^7.8.1",
-    "eslint-loader": "^2.0.0",
     "eslint-plugin-cypress": "^2.10.3",
     "eslint-plugin-markdown": "^1.0.2",
-    "file-loader": "^1.1.11",
-    "fontgen-loader": "git://github.com/EugeneHlushko/fontgen-loader.git#0.1.3",
-    "front-matter": "^2.3.0",
-    "gh-pages": "^1.0.0",
-    "html-webpack-plugin": "^3.2.0",
-    "html-webpack-template": "^6.1.0",
-    "http-server": "^0.10.0",
-    "husky": "^1.0.0-rc.8",
+    "eslint-webpack-plugin": "^2.1.0",
+    "file-loader": "^6.1.0",
+    "fontgen-loader": "git://github.com/chenxsan/fontgen-loader.git#bugfix/fix-this-exec",
+    "front-matter": "^4.0.2",
+    "gh-pages": "^3.1.0",
+    "html-loader": "^1.3.0",
+    "html-webpack-plugin": "^4.4.1",
+    "http-server": "^0.12.3",
+    "husky": "^4.3.0",
     "hyperlink": "^4.4.0",
-    "jest": "^23.6.0",
-    "lint-staged": "^8.1.0",
-    "loader-utils": "^1.1.0",
+    "jest": "^26.4.2",
+    "lint-staged": "^10.3.0",
     "lodash": "^4.17.19",
-    "markdownlint": "^0.11.0",
-    "markdownlint-cli": "^0.13.0",
+    "markdownlint": "^0.20.4",
+    "markdownlint-cli": "^0.23.2",
     "markdownlint-rule-emphasis-style": "^1.0.0",
-    "mini-css-extract-plugin": "^0.5.0",
+    "mini-css-extract-plugin": "^0.11.2",
     "minimist": "1.2.3",
-    "mkdirp": "^0.5.1",
+    "mkdirp": "^1.0.4",
     "modularscale-sass": "^3.0.3",
     "node-sass": "^4.5.3",
     "npm-run-all": "^4.1.1",
-    "offline-plugin": "^5.0.7",
-    "optimize-css-assets-webpack-plugin": "^5.0.1",
-    "postcss-loader": "^2.1.3",
-    "redirect-webpack-plugin": "^0.1.1",
-    "remark": "^10.0.1",
-    "remark-autolink-headings": "5.2.1",
+    "postcss": "^7.0.32",
+    "postcss-loader": "^4.0.1",
+    "react-refresh": "^0.8.3",
+    "redirect-webpack-plugin": "^1.0.0",
+    "remark": "^12.0.1",
+    "remark-autolink-headings": "^6.0.1",
     "remark-custom-blockquotes": "1.0.0",
     "remark-extract-anchors": "1.1.1",
-    "remark-loader": "^0.3.0",
+    "remark-html": "^12.0.0",
+    "remark-loader": "^1.0.0",
     "remark-refractor": "git://github.com/montogeek/remark-refractor.git",
     "remark-responsive-tables": "1.0.0",
-    "remark-slug": "^5.0.0",
+    "remark-slug": "^6.0.0",
     "request-promise": "4.2.4",
-    "rimraf": "^2.6.2",
-    "sass-loader": "^6.0.6",
-    "sirv-cli": "^0.1.2",
+    "rimraf": "^3.0.2",
+    "sass-loader": "^10.0.2",
+    "sirv-cli": "^1.0.6",
     "sitemap-static": "^0.4.2",
     "start-server-and-test": "^1.11.0",
     "static-site-generator-webpack-plugin": "^3.4.1",
-    "style-loader": "^0.18.2",
+    "style-loader": "^1.2.1",
     "tap-spot": "^1.1.1",
-    "terser-webpack-plugin": "^2.3.5",
-    "through2": "^2.0.3",
-    "uglifyjs-webpack-plugin": "^1.1.6",
-    "webpack": "^4.42.0",
+    "terser-webpack-plugin": "^4.1.0",
+    "webpack": "^5.0.0-beta.31",
     "webpack-bundle-analyzer": "^3.3.2",
     "webpack-cli": "^3.2.3",
     "webpack-dev-server": "^3.2.1",
-    "webpack-merge": "^4.1.0"
+    "webpack-merge": "^5.1.4",
+    "workbox-webpack-plugin": "^5.1.4"
   },
   "dependencies": {
-    "ajv": "^5.5.2",
     "docsearch.js": "^2.5.2",
     "gitter-sidecar": "^1.2.3",
-    "handlebars": "4.5.3",
     "javascriptstuff-db": "^1.12.0",
     "lodash.throttle": "^4.1.1",
+    "path-browserify": "^1.0.1",
     "prop-types": "^15.7.2",
     "react": "^16.8.6",
     "react-banner": "^1.0.0-rc.0",
     "react-document-title": "^2.0.3",
     "react-dom": "^16.8.6",
     "react-g-analytics": "0.4.2",
-    "react-hot-loader": "^4.0.0-beta.12",
-    "react-markdown": "4.2.2",
-    "react-router-dom": "^4.2.2",
-    "react-tiny-popover": "3.4.2",
+    "react-markdown": "^4.3.1",
+    "react-router-dom": "^5.2.0",
+    "react-tiny-popover": "5",
     "react-visibility-sensor": "^5.0.2",
     "webpack-pwa-manifest": "^4.0.0",
-    "webpack.vote": "https://github.com/webpack/voting-app.git",
-    "whatwg-fetch": "^2.0.3"
+    "webpack.vote": "https://github.com/webpack/voting-app.git"
   }
 }