.eslintrc.js

module.exports = {
  extends: ['airbnb', 'plugin:cypress/recommended', 'plugin:prettier/recommended'],
  plugins: ['react-hooks'],
  rules: {
    'array-callback-return': 'off',
    'arrow-parens': 'off',
    'comma-dangle': ['error', 'never'],
    'func-names': ['warn', 'as-needed'],
    'func-style': 'off',
    'import/extensions': 'off',
    'import/prefer-default-export': 'off',
    'no-confusing-arrow': 'off',
    'no-nested-ternary': 'off',
    'object-curly-newline': [
      'error',
      {
        ObjectExpression: { consistent: true, multiline: true },
        ObjectPattern: { consistent: true, multiline: true }
      }
    ],
    'prefer-destructuring': ['error', { object: true, array: false }],
    'quote-props': ['error'],
    'react/button-has-type': 'off',
    'react/destructuring-assignment': 'off',
    'react/jsx-props-no-spreading': 'warn',
    'react-hooks/rules-of-hooks': 'error',
    'react-hooks/exhaustive-deps': 'warn'
  },
  overrides: [
    {
      files: ['**/*.test*'],
      env: {
        jest: true
      },
      globals: {
        cy: true
      },
      rules: {
        'import/no-extraneous-dependencies': 'off',
        'import/no-named-as-default': 'off',
        'react/prop-types': 'off'
      }
    },
    {
      files: ['cypress/**'],
      globals: {
        cy: true
      },
      rules: {
        'import/no-extraneous-dependencies': 'off'
      }
    },
    {
      files: ['**/.storybook/**', '**/*.stories.js?(x)', '**/*.template.js?(x)'],
      rules: {
        'import/no-extraneous-dependencies': 'off',
        'react/jsx-props-no-spreading': 'off',
        'react/prop-types': 'off'
      }
    }
  ],
  parser: '@babel/eslint-parser',
  parserOptions: {
    requireConfigFile: false,
    babelOptions: {
      presets: ['@babel/preset-react']
    }
  }
};