.eslintrc.json

{
  "env": {
    "es2021": true,
    "node": true,
    "react-native/react-native": true
  },
  "extends": [
    "plugin:react/recommended",
    "airbnb",
    "airbnb/hooks",
    "eslint:recommended",
    "prettier"
  ],
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true
    },
    "ecmaVersion": 12,
    "sourceType": "module"
  },
  "plugins": ["react", "react-native"],
  "rules": {
    // allow .js files to contain JSX code
    "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],

    // prevent eslint to complain about the "styles" variable being used before it was defined
    "no-use-before-define": ["error", { "variables": false }],
    "consistent-return": "off",
    "no-param-reassign": "off",
    "no-restricted-properties": "warn",
    "global-require": "off",
    "no-shadow": "off",
    "no-unused-vars": "warn",
    "react-hooks/exhaustive-deps": "warn", // <--- THIS IS THE NEW RULE
    "react/jsx-props-no-spreading": "off",

    // ignore errors for the react-navigation package
    "react/prop-types": ["warn", { "ignore": ["navigation", "navigation.navigate"] }]
  }
}