.eslintrc.js

module.exports = {
  plugins: [
    "react",
    "@typescript-eslint",
    "react-hooks",
    "import",
    "simple-import-sort",
    "prettier",
    "jsx-a11y",
  ],
  extends: [
    "eslint:recommended",
    "plugin:react/recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:jsx-a11y/recommended",
    // "react-app",
    "prettier/prettier",
    "plugin:import/recommended",
    "next",
    "next/core-web-vitals",
  ],
  rules: {
    "react-hooks/rules-of-hooks": "error",
    "react-hooks/exhaustive-deps": "warn",
    "prettier/prettier": ["error"],
    "simple-import-sort/imports": "error",
    "simple-import-sort/exports": "error",
    "import/no-anonymous-default-export": 0,
    "no-multiple-empty-lines": ["error", { max: 1 }],
    "eol-last": ["error", "always"],
    "comma-dangle": ["error", "always-multiline"],
    "object-curly-spacing": ["error", "always"],
    "space-in-parens": ["error", "never"],
    "computed-property-spacing": ["error", "never"],
    "comma-spacing": ["error", { before: false, after: true }],
    quotes: ["error", "double"],
    "no-tabs": ["error", { allowIndentationTabs: true }],
    semi: ["error", "always"],
    "object-shorthand": "error",
    "no-new-object": "error",
    "padding-line-between-statements": [
      "error",
      { blankLine: "always", prev: "*", next: "return" },
      { blankLine: "always", prev: ["const", "let", "var"], next: "*" },
      { blankLine: "any", prev: ["const", "let", "var"], next: ["const", "let", "var"] },
    ],
    "@typescript-eslint/no-var-requires": 0,
  },
  settings: {
    "import/resolver": {
      typescript: {},
    },
    "import/parsers": {
      "@typescript-eslint/parser": [".ts", ".tsx"],
    },
  },
  parser: "@typescript-eslint/parser",
  env: {
    browser: true,
    es2021: true,
    commonjs: true,
  },
};