chore: 🤖 prevent import statements from declaring extensions #770

Author: punkbit

eslint.config.js

@@ -4,6 +4,7 @@ import reactHooks from "eslint-plugin-react-hooks";
 import reactRefresh from "eslint-plugin-react-refresh";
 import preferArrowFunctions from "eslint-plugin-prefer-arrow-functions";
 import storybook from "eslint-plugin-storybook";
+import importPlugin from "eslint-plugin-import";
 import globals from "globals";
 
 export default tseslint.config(
@@ -33,10 +34,17 @@ export default tseslint.config(
       "react-refresh": reactRefresh,
       "prefer-arrow-functions": preferArrowFunctions,
       storybook: storybook,
+      import: importPlugin,
+    },
+    settings: {
+      "import/resolver": {
+        typescript: true,
+        node: true,
+      },
     },
     rules: {
       ...reactHooks.configs.recommended.rules,
-      curly: ['error', 'all'],
+      curly: ["error", "all"],
       "react-refresh/only-export-components": "warn",
       "no-multiple-empty-lines": "error",
       quotes: ["error", "double", { avoidEscape: true }],
@@ -57,6 +65,16 @@ export default tseslint.config(
         },
       ],
       "@typescript-eslint/no-empty-object-type": "off",
+      "import/extensions": [
+        "error",
+        "ignorePackages",
+        {
+          js: "never",
+          jsx: "never",
+          ts: "never",
+          tsx: "never",
+        },
+      ],
     },
   },
   // Special config for test files

package.json

@@ -94,6 +94,7 @@
     "@testing-library/react": "^15.0.7",
     "@testing-library/user-event": "^14.5.2",
     "@tokens-studio/sd-transforms": "^1.2.0",
+    "@types/eslint-plugin-react-refresh": "^0.4.0",
     "@types/lodash-es": "^4.17.7",
     "@types/node": "^24.10.1",
     "@types/react": "18.3.2",
@@ -109,6 +110,8 @@
     "date-fns": "4.1.0",
     "dayjs": "1.11.13",
     "eslint": "^9",
+    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-prefer-arrow-functions": "^3.3.2",
     "eslint-plugin-react-hooks": "^5",
     "eslint-plugin-react-refresh": "0.4.7",