update eslint

.eslintrc.js

@@ -3,7 +3,7 @@ module.exports = {
     "eslint:recommended",
     "airbnb",
     "airbnb-typescript",
-    "airbnb/hooks",
+    // "airbnb/hooks",
     "plugin:import/recommended",
     "plugin:@typescript-eslint/recommended",
     // "plugin:@typescript-eslint/recommended-requiring-type-checking",
@@ -36,6 +36,10 @@ module.exports = {
     "react/jsx-one-expression-per-line": "off",
     "react/require-default-props": "off",
     "react/default-props-match-prop-types": "off",
+    "react/function-component-definition": ["error", {
+      namedComponents: "arrow-function",
+      unnamedComponents: "arrow-function",
+    }],
     // Temp
     "react/no-array-index-key": "warn",
     "jsx-a11y/label-has-associated-control": "off",

package.json

@@ -42,12 +42,12 @@
     "@types/react-dom": "^17.0.9",
     "@types/shortid": "^0.0.29",
     "@types/styled-components": "^5.1.25",
-    "@typescript-eslint/eslint-plugin": "^4.29.2",
+    "@typescript-eslint/eslint-plugin": "^5.18.0",
-    "@typescript-eslint/parser": "^4.29.2",
+    "@typescript-eslint/parser": "^5.18.0",
     "babel-plugin-styled-components": "^1.13.2",
-    "eslint": "^7.32.0",
+    "eslint": "^8.13.0",
-    "eslint-config-airbnb": "^18.2.1",
+    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^13.0.0",
+    "eslint-config-airbnb-typescript": "^17.0.0",
     "eslint-config-next": "^12.1.4",
     "eslint-plugin-import": "^2.26.0",
     "husky": "^7.0.4",

src/components/Favicons.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable react/no-invalid-html-attribute */
 import React from "react";
 
 const Icons = (): JSX.Element => (