Upgrade to ESLint 8

package.json

@@ -21,10 +21,10 @@
     "clean": "lerna run clean && rimraf node_modules"
   },
   "devDependencies": {
-    "@bouchenoiremarc/eslint-config": "^1.6.0",
+    "@bouchenoiremarc/eslint-config": "^2.1.0",
     "@types/node": "^16.4.2",
     "@types/rimraf": "^3.0.0",
-    "eslint": "^7.30.0",
+    "eslint": "^8.2.0",
     "husky": "4.3.8",
     "lerna": "^4.0.0",
     "lint-staged": "^11.0.0",

packages/ios-symbols/scripts/generate.ts

@@ -9,7 +9,7 @@ import { isMacOS } from "./utils/is-macOS"
 import { ListrClipboard } from "./utils/listr-clipboard"
 import { ListrInput } from "./utils/listr-input"
 import { ListrMessage } from "./utils/listr-message"
-import { isSilentError, SilentError } from "./utils/silent-error"
+import { SilentError, isSilentError } from "./utils/silent-error"
 
 const SYMBOLS = "./src/data/symbols.json"
 const LOGS = "./src/data/logs.json"

packages/site/.eslintrc

@@ -1,7 +1,6 @@
 {
   "extends": [
     "@bouchenoiremarc/eslint-config",
-    "@bouchenoiremarc/eslint-config/react",
-    "@bouchenoiremarc/eslint-config/next"
+    "@bouchenoiremarc/eslint-config/react"
   ]
 }

packages/site/src/pages/index.tsx

@@ -1,9 +1,9 @@
 import clsx from "clsx"
 import { AnimatePresence, motion, useMotionValue } from "framer-motion"
 import debounce from "just-debounce-it"
-import { button, Leva, LevaInputs, useControls } from "leva"
+import { Leva, LevaInputs, button, useControls } from "leva"
 import { GetStaticProps } from "next"
-import { useEffect, CSSProperties, useMemo, memo, useCallback } from "react"
+import { CSSProperties, memo, useCallback, useEffect, useMemo } from "react"
 import pkg from "../../../ios-symbols/package.json"
 import { Cell } from "../components/Cell"
 import { LEVA_MARGIN, LEVA_WIDTH } from "../constants"
@@ -32,14 +32,11 @@ interface AppearanceControlsProps {
 
 const symbols = getSymbols()
 
-/* eslint-disable sort-keys-fix/sort-keys-fix */
 const fonts = {
   "SF Pro": `"SF Pro", "SF Pro Display", "SF Pro Text", "SF Pro Rounded"`,
   "SF Compact": `"SF Compact", "SF Compact Display", "SF Compact Text", "SF Compact Rounded"`
 }
-/* eslint-enable sort-keys-fix/sort-keys-fix */
 
-/* eslint-disable sort-keys-fix/sort-keys-fix */
 const weights = {
   Ultralight: 100,
   Light: 300,
@@ -50,7 +47,6 @@ const weights = {
   Heavy: 800,
   Black: 900
 }
-/* eslint-enable sort-keys-fix/sort-keys-fix */
 
 const DEFAULT_COLOR = "#000"
 const DEFAULT_FONT = fonts["SF Pro"]