.eslintrc.json

{
  "settings": {
    "import/resolver": {
      "typescript": {}
    }
  },
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "project": "./tsconfig.json"
  },
  "ignorePatterns": ["etc/*"],
  "plugins": ["@typescript-eslint", "@stylistic/js"],
  "extends": ["next/core-web-vitals", "airbnb", "airbnb-typescript", "airbnb/hooks", "plugin:@typescript-eslint/recommended", "plugin:import/typescript"],
  "rules": {
    "arrow-parens": ["error", "as-needed"],
    "@typescript-eslint/comma-dangle": "off",
    "comma-dangle": ["error", "never"],
    "semi": ["error", "always"],
    "linebreak-style": "off",
    "no-plusplus": "off",
    "import/prefer-default-export": "off",
    "react/jsx-filename-extension": [1, { "extensions": [".tsx", ".jsx"] }],
    "react/function-component-definition": [2, { "namedComponents": "arrow-function" }],
    "react/require-default-props": [2, { "functions": "ignore" }]
  }
}