Turn off ESLint rules handled by TypeScript

Author: colinrotherham

eslint.config.js

@@ -31,6 +31,19 @@ export default defineConfig([
         tsconfigRootDir: rootPath,
       },
     },
+    rules: {
+      // Turn off rules that are handled by TypeScript
+      // https://typescript-eslint.io/troubleshooting/typed-linting/performance/#eslint-plugin-import
+      'import/default': 'off',
+      'import/named': 'off',
+      'import/namespace': 'off',
+      'import/no-cycle': 'off',
+      'import/no-deprecated': 'off',
+      'import/no-named-as-default': 'off',
+      'import/no-named-as-default-member': 'off',
+      'import/no-unresolved': 'off',
+      'import/no-unused-modules': 'off',
+    },
     settings: {
       'import/resolver': {
         node: true,
@@ -56,9 +69,6 @@ export default defineConfig([
     plugins: {
       'react-hooks': pluginReactHooks,
     },
-    rules: {
-      'import/no-unresolved': 'off',
-    },
     settings: {
       react: {
         version: 'detect',

package.json

@@ -59,7 +59,7 @@
     "lint:fix": "yarn lint:js:fix && yarn lint:prettier:fix",
     "lint:prettier": "prettier --check .",
     "lint:prettier:fix": "prettier --write .",
-    "lint:js": "eslint .",
+    "lint:js": "eslint . --max-warnings 0",
     "lint:js:fix": "yarn lint:js --fix",
     "lint:types": "tsc --build tsconfig.json --pretty",
     "build-storybook": "storybook build",