.eslintrc.json

{
  "root": true,
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "project": "./tsconfig.json",
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    },
    "ecmaVersion": 11
  },
  "plugins": [
    "@typescript-eslint",
    "prettier",
    "react",
    "react-hooks",
    "simple-import-sort",
    "import",
    "@tanstack/query"
    // "no-null",
  ],
  "extends": [
    "next/core-web-vitals",
    "eslint:recommended",
    "plugin:prettier/recommended",
    "plugin:react/recommended",
    "plugin:react-hooks/recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:@next/next/recommended",
    "plugin:storybook/recommended",
    "airbnb-base",
    "airbnb-typescript/base",
    "prettier",
    "plugin:@tanstack/eslint-plugin-query/recommended",
    "plugin:tailwindcss/recommended"
  ],
  "rules": {
    "prettier/prettier": ["error", { "endOfLine": "auto" }], // Delete `␍` prettier/prettier 해결 방법
    "@typescript-eslint/naming-convention": "off",
    "@typescript-eslint/no-empty-interface": "off",
    "@typescript-eslint/no-explicit-any": "off",
    "@typescript-eslint/no-use-before-define": "off",
    "@typescript-eslint/no-unused-vars": "warn", // "error",
    "@typescript-eslint/consistent-type-imports": "error",
    "import/extensions": "off",
    "import/first": "error",
    "import/prefer-default-export": "off",
    "import/newline-after-import": "error",
    "import/no-duplicates": "error",
    "import/no-unresolved": "off",
    "import/no-extraneous-dependencies": "off",
    "@typescript-eslint/ban-ts-comment": "off",
    "no-nested-ternary": "off",
    // "import/no-extraneous-dependencies": [
    //   "error",
    //   {
    //     "devDependencies": ["**/*.test.js", "**/*.spec.js", "**/test/**/*.js"],
    //     "optionalDependencies": false,
    //     "peerDependencies": false
    //   }
    // ],
    "no-restricted-syntax": "off",
    "no-restricted-imports": [
      "warn",
      {
        "patterns": ["./*", "../*"]
      }
    ],
    "react-hooks/rules-of-hooks": "warn",
    "simple-import-sort/imports": "error",
    "simple-import-sort/exports": "error",
    "arrow-body-style": "off",
    "class-methods-use-this": "off",
    "no-plusplus": "off",
    "radix": "off",
    "consistent-return": "off",
    "react/react-in-jsx-scope": "off",
    "react/prop-types": "off",
    "curly": ["error", "multi-line", "consistent"],
    "nonblock-statement-body-position": ["error", "beside"],
    "no-use-before-define": "off",
    // "no-null/no-null": 2,
    "@tanstack/query/exhaustive-deps": "error",
    "@tanstack/query/no-rest-destructuring": "warn",
    "@tanstack/query/stable-query-client": "error"
  },

  "settings": {
    "react": {
      "version": "detect"
    }
  },
  "globals": {
    "React": "writable"
  },
  // "overrides": [
  //   {
  //     "files": ["pages/api/*.js"],
  //     "parser": "@babel/eslint-parser"
  //   }
  // ],
  // "ignorePatterns": ["components/*.jsx", "pages/api/*.js"]
  "ignorePatterns": ["components/*.jsx", "app/api/*.js"]
}