Upgrade ESLint / TypeScript dependencies

Author: wimpyprogrammer

.eslintrc.json

@@ -1,9 +1,9 @@
 {
 	"parser": "@typescript-eslint/parser",
+	"plugins": ["@typescript-eslint"],
 	"extends": [
 		"airbnb-base",
 		"plugin:jest/recommended",
-		"plugin:@typescript-eslint/eslint-recommended",
 		"plugin:@typescript-eslint/recommended",
 		"prettier",
 		"prettier/@typescript-eslint"
@@ -12,6 +12,7 @@
 		"ecmaVersion": 2018
 	},
 	"rules": {
+		"@typescript-eslint/no-shadow": "error",
 		"import/extensions": [
 			"error",
 			{
@@ -24,7 +25,8 @@
 				"devDependencies": ["**/*.spec.{js,ts}"]
 			}
 		],
-		"import/prefer-default-export": "off"
+		"import/prefer-default-export": "off",
+		"no-shadow": "off"
 	},
 	"settings": {
 		"import/parsers": {

demo/src/utils/auto-expand-field.ts

@@ -1,19 +1,19 @@
 /* eslint no-param-reassign: ["error", { "props": true, "ignorePropertyModificationsFor": ["field"] }] */
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
+type anyFn = (...args: unknown[]) => void;
+
 /**
  * @see https://gist.github.com/fr-ser/ded7690b245223094cd876069456ed6c
  */
-function debounce<F extends Function>(func: F, wait: number): F {
+function debounce<F extends anyFn>(func: F, wait: number): F {
 	let timeoutID: number;
 
-	return (function debounced(this: any, ...args: any[]) {
+	return (function debounced(this: unknown, ...args: unknown[]) {
 		clearTimeout(timeoutID);
 
 		timeoutID = window.setTimeout(() => func.apply(this, args), wait);
-	} as any) as F;
+	} as unknown) as F;
 }
-/* eslint-enable @typescript-eslint/no-explicit-any */
 
 /**
  * Grow or shrink a <textarea> field's height to fit its contents.

package.json

@@ -49,25 +49,25 @@
     "@babel/preset-typescript": "^7.5.5",
     "@types/jest": "^26.0.0",
     "@types/jest-when": "^2.7.0",
-    "@typescript-eslint/eslint-plugin": "^2.2.0",
-    "@typescript-eslint/parser": "^2.2.0",
-    "eslint": "6.1.0",
-    "eslint-config-airbnb-base": "14.0.0",
-    "eslint-config-prettier": "^6.3.0",
-    "eslint-import-resolver-typescript": "^1.1.1",
+    "@typescript-eslint/eslint-plugin": "^4.14.0",
+    "@typescript-eslint/parser": "^4.14.0",
+    "eslint": "7.18.0",
+    "eslint-config-airbnb-base": "14.2.1",
+    "eslint-config-prettier": "^7.2.0",
+    "eslint-import-resolver-typescript": "^2.3.0",
     "eslint-plugin-import": "^2.18.2",
-    "eslint-plugin-jest": "^22.17.0",
+    "eslint-plugin-jest": "^24.1.3",
     "husky": "^0.14.3",
     "jest": "^26.0.0",
     "jest-when": "^3.1.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^1.13.7",
+    "prettier": "^2.2.1",
     "pretty-quick": "^1.6.0",
     "regex-to-strings": "^2.0.1",
     "rimraf": "^2.6.2",
     "ts-jest": "^26.4.4",
     "ts-loader": "^6.1.0",
-    "typescript": "^3.6.3",
+    "typescript": "^4.1.3",
     "webpack": "^5.0.0",
     "webpack-nano": "^1.1.1"
   },

src/utils/trie.ts

@@ -42,7 +42,7 @@ function mergeGroups(headChar: Char, tailGroup: CharTrie): CharTrie {
 /** @borrows buildUnique as build */
 export function build(words: string[]): CharTrie {
 	const uniqueWords = [...new Set(words)];
-	// eslint-disable-next-line @typescript-eslint/no-use-before-define
+	// eslint-disable-next-line no-use-before-define
 	return buildUnique(uniqueWords);
 }