eslint.config.js

// https://docs.expo.dev/guides/using-eslint/
const { defineConfig } = require('eslint/config');
const expoConfig = require('eslint-config-expo/flat');
const prettierConfig = require('eslint-config-prettier');
const reactNativePlugin = require('eslint-plugin-react-native');

module.exports = defineConfig([
  expoConfig,
  prettierConfig,
  {
    ignores: ['dist/*', 'node_modules/*'],
  },
  {
    files: ['**/*.{js,jsx,ts,tsx}'],
    plugins: {
      'react-native': reactNativePlugin,
    },
    rules: {
      'no-console': ['warn', { allow: ['warn', 'error'] }],
      'no-unused-vars': 'off', // Setup Typescript eslint rule below
      'no-undef': 'off', // Typescript handles this
      '@typescript-eslint/no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],

      // React Hooks
      'react-hooks/rules-of-hooks': 'error',
      'react-hooks/exhaustive-deps': 'warn',

      // React Native best practices
      'react-native/no-unused-styles': 'warn',
      'react-native/no-inline-styles': 'off', // Often used in rapid dev, set to warn if strict
      'react-native/no-color-literals': 'off', // We use theme, but literals are okay sometimes
    },
    languageOptions: {
      parserOptions: {
        project: './tsconfig.json',
      },
    },
  },
]);