.eslintrc.js

module.exports = {
  env: { browser: true, node: true, es2022: true },
  extends: [
    "eslint:recommended",
    "plugin:@typescript-eslint/all",
    "plugin:eslint-comments/recommended",
    "plugin:import/recommended",
    "plugin:jsx-a11y/strict",
    "plugin:promise/recommended",
    "plugin:react-hooks/recommended",
    "plugin:react/all",
    "plugin:sonarjs/recommended",
    "next/core-web-vitals",
    "prettier",
  ],
  globals: {
    Atomics: "readonly",
    SharedArrayBuffer: "readonly",
    React: "writable",
  },
  ignorePatterns: ["public"],
  parser: "@typescript-eslint/parser",
  parserOptions: {
    ecmaFeatures: { jsx: true },
    ecmaVersion: "latest",
    sourceType: "module",
    project: "./tsconfig.json",
  },
  plugins: ["simple-import-sort"],
  rules: {
    "@typescript-eslint/consistent-type-definitions": ["warn", "interface"],
    "@typescript-eslint/naming-convention": [
      "warn",
      {
        selector: "variable",
        format: ["camelCase", "PascalCase", "UPPER_CASE"],
      },
    ],
    "@typescript-eslint/prefer-readonly-parameter-types": "off",
    "eslint-comments/no-unused-disable": "warn",
    "import/exports-last": "warn",
    "import/newline-after-import": "warn",
    "import/no-default-export": "warn",
    "import/no-extraneous-dependencies": "warn",
    "jsx-a11y/anchor-is-valid": "off",
    "no-console": ["warn", { allow: ["warn", "error"] }],
    "react/forbid-component-props": "off",
    "react/function-component-definition": "off",
    "react/jsx-filename-extension": ["error", { extensions: [".tsx"] }],
    "react/jsx-max-depth": ["warn", { max: 6 }],
    "react/jsx-no-literals": "off",
    "react/require-default-props": "off",
    "simple-import-sort/exports": "warn",
    "simple-import-sort/imports": "warn",
  },
  overrides: [
    { files: ["pages/**"], rules: { "import/no-default-export": "off" } },
  ],
  settings: {
    react: { version: "detect" },
    "import/extensions": [".ts", ".tsx", ".d.ts", ".js"],
    "import/external-module-folders": ["node_modules", "node_modules/@types"],
  },
};