lint self

.eslintignore

@@ -0,0 +1,2 @@
+*.js
+node_modules

.eslintrc

@@ -0,0 +1,8 @@
+{
+    "root": true,
+    "extends": ["@spscommerce/eslint-config-typescript"],
+    "globals": {
+      "JSX": true
+    }
+  }
+

package.json

@@ -32,7 +32,11 @@
     "packages/@spscommerce/*"
   ],
   "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^5.0.0",
+    "@typescript-eslint/parser": "^5.0.0",
     "eslint": "^7.32.0",
+    "eslint-import-resolver-typescript": "^2.5.0",
+    "eslint-plugin-import": "~2.24.0",
     "typescript": "^4.4.3"
   }
 }

packages/@spscommerce/eslint-config-react/index.ts

@@ -1,19 +1,19 @@
-import { Linter } from 'eslint';
+import type { Linter } from "eslint";
 
 import { base } from "./rules/base";
 // Included for completeness, but all these rules are off because class components are forbidden
-import { classComponents } from './rules/classComponents';
-import { props } from './rules/props';
-import { preferFunctionComponent } from './rules/preferFunctionComponent';
-import { hooks } from './rules/hooks';
-import { a11y } from './rules/a11y';
+import { classComponents } from "./rules/classComponents";
+import { props } from "./rules/props";
+import { preferFunctionComponent } from "./rules/preferFunctionComponent";
+import { hooks } from "./rules/hooks";
+import { a11y } from "./rules/a11y";
 
 const config: Linter.Config = {
   plugins: [
-    'react',
-    'react-prefer-function-component',
-    'react-hooks',
-    'jsx-a11y',
+    "react",
+    "react-prefer-function-component",
+    "react-hooks",
+    "jsx-a11y",
   ],
   rules: {
     ...base,