.eslintrc.js

module.exports = {
  root: true,
  extends: [
    "@react-native",
    "airbnb",
    "eslint:recommended",
    "airbnb/hooks",
    "airbnb-typescript",
    "plugin:@typescript-eslint/recommended",
    "plugin:@typescript-eslint/recommended-requiring-type-checking",
    "plugin:prettier/recommended",
    "plugin:import/recommended",
    "plugin:react/recommended",
    "plugin:react/jsx-runtime",
  ],
  parser: "@typescript-eslint/parser",
  ignorePatterns: ["plugins/**/*", "metro.config.js"],
  parserOptions: {
    ecmaFeatures: {
      jsx: true,
    },
    ecmaVersion: "latest",
    sourceType: "module",
    tsconfigRootDir: ".",
    project: ["./tsconfig.json"],
  },
  settings: {
    "import/resolver": {
      node: {
        extensions: [".ts", ".tsx"],
      },
      typescript: {},
    },
    react: {
      version: "18.x",
    },
  },
  rules: {
    "consistent-return": "off",
    "react-native/no-inline-styles": "off",
    "react/no-unstable-nested-components": "off",
    "@typescript-eslint/ban-ts-comment": "off",
    "no-case-declarations": "off",
    "no-param-reassign": "off",
    "prefer-destructuring": "off",
    "@typescript-eslint/no-unsafe-call": "off",
    "@typescript-eslint/no-unsafe-member-access": "off",
    "@typescript-eslint/no-unsafe-assignment": "off",
    "react/require-default-props": "off",
    "react/function-component-definition": "off",
    "import/no-cycle": "off",
    "no-console": "off",
    "@typescript-eslint/no-misused-promises": "off",
    "@typescript-eslint/no-floating-promises": "off",
    "@typescript-eslint/no-unused-vars": "error",
    "global-require": 0,
    "react-hooks/exhaustive-deps": "off",
    "object-curly-spacing": ["error", "always"],
    "array-bracket-spacing": ["error", "never"],
    "react/default-props-match-prop-types": ["error"],
    "react/sort-prop-types": ["error"],
    "react/no-array-index-key": "off",
    "no-tabs": "off",
    "no-void": "off",
    "react/jsx-props-no-spreading": "off",
    "import/prefer-default-export": "off",
    "import/no-extraneous-dependencies": ["error", { devDependencies: true }],
    "react/display-name": "off",
    "prettier/prettier": [
      "error",
      {
        semi: true,
        trailingComma: "all",
        printWidth: 128,
        endOfLine: "lf",
        tabWidth: 2,
        useTabs: false,
        singleQuote: false,
        arrowParens: "always",
      },
    ],
  },
};