Bump deps

package.json

@@ -47,73 +47,73 @@
     "@types/bull": "^3.14.4",
     "@types/express": "^4.17.9",
     "@types/express-serve-static-core": "^4.17.14",
-    "@types/react-dom": "^17.0.0",
+    "@types/react-dom": "^17.0.2",
     "axios": "^0.21.1",
     "classnames": "^2.2.6",
-    "date-fns": "2.16.1",
+    "date-fns": "2.19.0",
     "ejs": "3.1.6",
     "express": "4.17.1",
-    "highlight.js": "^10.4.1",
-    "pretty-bytes": "5.4.1",
+    "highlight.js": "^10.7.1",
+    "pretty-bytes": "5.6.0",
     "react": "17.0.1",
     "react-dom": "17.0.1",
     "react-router-dom": "^5.2.0",
     "react-toastify": "^7.0.3",
     "redis-info": "^3.0.8"
   },
   "devDependencies": {
-    "@babel/core": "^7.12.9",
-    "@babel/plugin-proposal-class-properties": "^7.12.1",
-    "@babel/plugin-proposal-object-rest-spread": "^7.12.1",
-    "@babel/plugin-transform-runtime": "^7.12.10",
-    "@babel/preset-env": "^7.12.7",
-    "@babel/preset-react": "^7.12.7",
-    "@babel/preset-typescript": "^7.12.7",
-    "@babel/runtime": "^7.12.5",
+    "@babel/core": "^7.13.10",
+    "@babel/plugin-proposal-class-properties": "^7.13.0",
+    "@babel/plugin-proposal-object-rest-spread": "^7.13.8",
+    "@babel/plugin-transform-runtime": "^7.13.10",
+    "@babel/preset-env": "^7.13.10",
+    "@babel/preset-react": "^7.12.13",
+    "@babel/preset-typescript": "^7.13.0",
+    "@babel/runtime": "^7.13.10",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
     "@types/classnames": "^2.2.11",
-    "@types/jest": "^26.0.16",
-    "@types/node": "^14.14.10",
+    "@types/jest": "^26.0.21",
+    "@types/node": "^14.14.35",
     "@types/pretty-bytes": "^5.2.0",
     "@types/react-highlight": "^0.12.2",
     "@types/react-router-dom": "^5.1.6",
     "@types/redis-info": "^3.0.0",
     "@types/supertest": "^2.0.10",
-    "@typescript-eslint/eslint-plugin": "^4.9.0",
-    "@typescript-eslint/parser": "^4.9.0",
-    "@typescript-eslint/typescript-estree": "^4.9.0",
+    "@typescript-eslint/eslint-plugin": "^4.18.0",
+    "@typescript-eslint/parser": "^4.18.0",
+    "@typescript-eslint/typescript-estree": "^4.18.0",
     "auto-changelog": "^2.2.1",
     "babel-loader": "^8.2.2",
-    "bull": "^3.20.0",
-    "bullmq": "1.11.0",
-    "css-loader": "^5.0.1",
-    "css-minimizer-webpack-plugin": "^1.1.5",
+    "bull": "^3.21.1",
+    "bullmq": "1.15.1",
+    "css-loader": "^5.1.3",
+    "css-minimizer-webpack-plugin": "^1.3.0",
     "dockest": "2.1.0",
-    "eslint": "^7.15.0",
+    "eslint": "^7.22.0",
     "eslint-config-prettier": "^6.15.0",
     "eslint-plugin-no-only-tests": "^2.4.0",
     "eslint-plugin-prettier": "^3.2.0",
     "eslint-plugin-react": "^7.21.5",
-    "fork-ts-checker-webpack-plugin": "^6.0.5",
-    "html-webpack-plugin": "^4.5.0",
+    "fork-ts-checker-webpack-plugin": "^6.2.0",
+    "html-webpack-plugin": "^5.3.1",
     "jest": "^26.6.3",
-    "mini-css-extract-plugin": "^1.3.2",
+    "mini-css-extract-plugin": "^1.3.9",
     "nodemon": "^2.0.6",
-    "postcss-loader": "^4.1.0",
+    "postcss-loader": "^5.2.0",
     "postcss-preset-env": "^6.7.0",
     "prettier": "^2.2.1",
     "prettier-eslint": "^12.0.0",
     "react-dev-utils": "^11.0.1",
     "react-refresh": "^0.9.0",
-    "release-it": "^14.4.0",
-    "snyk": "^1.434.2",
+    "release-it": "^14.5.0",
+    "snyk": "^1.503.0",
     "style-loader": "^2.0.0",
     "supertest": "^6.0.1",
-    "ts-jest": "^26.4.4",
+    "ts-jest": "^26.5.4",
     "ts-node": "^9.1.0",
-    "typescript": "^4.1.2",
-    "webpack": "^5.10.0",
-    "webpack-cli": "^4.2.0",
+    "typescript": "^4.2.3",
+    "webpack": "^5.27.1",
+    "webpack-cli": "^4.5.0",
     "webpack-dev-server": "^3.11.0"
   },
   "release-it": {

src/index.ts

@@ -1,5 +1,9 @@
 import express from 'express'
-import { ParamsDictionary, RequestHandler } from 'express-serve-static-core'
+import {
+  Express,
+  ParamsDictionary,
+  RequestHandler,
+} from 'express-serve-static-core'
 import path from 'path'
 import { BullBoardQueues, QueueAdapter } from './@types/app'
 import { cleanAll } from './routes/cleanAll'
@@ -23,7 +27,7 @@ const wrapAsync = <Params extends ParamsDictionary>(
 ): RequestHandler<Params> => async (req, res, next) =>
   Promise.resolve(fn(req, res, next)).catch(next)
 
-const router = express()
+const router: Express = express()
 router.locals.bullBoardQueues = bullBoardQueues
 
 router.set('view engine', 'ejs')

src/ui/components/Highlight/Highlight.tsx

@@ -49,6 +49,6 @@ export class Highlight extends React.Component<HighlightProps> {
 
   private highlightCode() {
     const node = this.codeRef.current?.querySelector('code')
-    hljs.highlightBlock(node)
+    hljs.highlightElement(node)
   }
 }