build(dev-deps): upgrade linting deps (#2201)

* build(node): update supported versions of node 14.x - 18.x

* build(node): upgrade to node 18.10.0

* build(deps-dev): upgrade eslint and other dev deps

* dev: remove invalid property from span

* Revert "dev: remove invalid property from span"

This reverts commit cf59419.

* dev: update story to ignore false positive on invalid attribute

.eslintrc

@@ -1,5 +1,5 @@
 {
-  "parser": "babel-eslint",
+  "parser": "@babel/eslint-parser",
   "plugins": [
     "import",
     "@typescript-eslint",

package.json

@@ -72,34 +72,34 @@
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
     "@types/react-test-renderer": "^18.0.0",
-    "@typescript-eslint/eslint-plugin": "^4.22.1",
-    "@typescript-eslint/parser": "^4.22.1",
-    "all-contributors-cli": "^6.20.4",
-    "babel-eslint": "^10.0.3",
+    "@typescript-eslint/eslint-plugin": "^5.40.0",
+    "@typescript-eslint/parser": "^5.40.0",
+    "all-contributors-cli": "^6.24.0",
+    "@babel/eslint-parser": "^7.19.1",
     "babel-jest": "^28.1.0",
     "babel-loader": "^8.0.6",
     "classnames": "^2.3.2",
     "css-loader": "^6.2.0",
-    "danger": "^11.1.2",
-    "dotenv": "^16.0.2",
-    "eslint": "^7.29.0",
+    "danger": "^11.1.4",
+    "dotenv": "^16.0.3",
+    "eslint": "^8.25.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-import-resolver-webpack": "^0.13.1",
     "eslint-plugin-import": "^2.18.2",
-    "eslint-plugin-jsx-a11y": "^6.2.3",
-    "eslint-plugin-no-only-tests": "^2.3.1",
-    "eslint-plugin-react": "^7.16.0",
-    "eslint-plugin-react-hooks": "^4.0.0",
+    "eslint-plugin-jsx-a11y": "^6.6.1",
+    "eslint-plugin-no-only-tests": "^3.0.0",
+    "eslint-plugin-react": "^7.31.10",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-security": "^1.4.0",
     "focus-trap-react": "^8.8.1",
     "fork-ts-checker-webpack-plugin": "^7.2.7",
     "happo-plugin-storybook": "^3.0.0",
-    "happo.io": "^7.1.0",
-    "husky": "^4.3.8",
+    "happo.io": "^8.2.0",
+    "husky": "^8.0.1",
     "jest": "^26.1.0",
     "lint-staged": "^13.0.3",
     "mini-css-extract-plugin": "^2.6.1",
-    "prettier": "^2.0.2",
+    "prettier": "^2.7.1",
     "react": "^17.0.1",
     "react-docgen-typescript-loader": "^3.7.2",
     "react-dom": "^17.0.1",

src/components/breadcrumb/BreadcrumbBar/BreadcrumbBar.stories.tsx

@@ -65,23 +65,27 @@ export const BreadcrumbWithRdfaMetadata = (): React.ReactElement => {
     <BreadcrumbBar listProps={{ ...rdfaMetadata.ol }}>
       <Breadcrumb {...rdfaMetadata.li}>
         <BreadcrumbLink href="#" {...rdfaMetadata.a}>
+          {/* eslint-disable-next-line react/no-unknown-property */ }
           <span property="name">Home</span>
         </BreadcrumbLink>
         <meta property="position" content="1" />
       </Breadcrumb>
       <Breadcrumb {...rdfaMetadata.li}>
         <BreadcrumbLink href="#" {...rdfaMetadata.a}>
+          {/* eslint-disable-next-line react/no-unknown-property */ }
           <span property="name">Federal Contracting</span>
         </BreadcrumbLink>
         <meta property="position" content="2" />
       </Breadcrumb>
       <Breadcrumb {...rdfaMetadata.li}>
         <BreadcrumbLink href="#" {...rdfaMetadata.a}>
+          {/* eslint-disable-next-line react/no-unknown-property */ }
           <span property="name">Contracting assistance programs</span>
         </BreadcrumbLink>
         <meta property="position" content="3" />
       </Breadcrumb>
       <Breadcrumb current {...rdfaMetadata.li}>
+        {/* eslint-disable-next-line react/no-unknown-property */ }
         <span property="name">
           Women-owned small business federal contracting program
         </span>