.eslintrc.js

const path = require('path');

const commonRules = {
  'no-mixed-operators': [
    'error',
    {
      allowSamePrecedence: true,
    },
  ],
  'no-shadow': 1,
  'jsx-a11y/anchor-is-valid': [
    'warn',
    {
      components: ['Link'],
      specialLink: ['to'],
    },
  ],
  'react/no-array-index-key': 1,
  'react/require-default-props': 0,
  'import/no-extraneous-dependencies': [
    'error',
    {
      devDependencies: ['.storybook/**', 'src/stories/**'],
    },
  ],
  'react/sort-comp': [2],
  'react/jsx-indent': 'off',
  'react/jsx-fragments': 'off',
  'react/jsx-curly-newline': 'off',
  'react/forbid-prop-types': 'off',
  'react/static-property-placement': 'off',
  'react/jsx-props-no-spreading': 'off',
  'react/destructuring-assignment': 'off',
  'react/prop-types': 'off',
  'react/no-access-state-in-setstate': 'off',
  'react/button-has-type': 'off',
  'react/function-component-definition': 'off',
  'react/default-props-match-prop-types': 'off',
  'max-classes-per-file': 'off',
  'import/no-cycle': 'off',
  camelcase: 'off',
  'default-param-last': 'off',
  'no-restricted-exports': 'off',
  'default-case-last': 'off',
  'react/no-unused-class-component-methods': 'warn',
  'react/no-unstable-nested-components': 'warn',
  'react/no-unused-prop-types': 'warn',
  radix: 'warn',
  'no-use-before-define': 'warn',
  'no-unused-vars': 'warn',
  'no-unused-expressions': 'warn',
  'no-param-reassign': 'warn',
  'prefer-template': 'warn',
};

module.exports = {
  parser: '@babel/eslint-parser',
  env: {
    browser: true,
    jest: true,
  },
  settings: {
    'import/resolver': {
      node: {
        paths: [path.resolve(__dirname, './src')],
      },
    },
  },
  extends: ['airbnb', 'prettier'],
  rules: {
    ...commonRules,
    'import/named': ['error'],
    'react/state-in-constructor': 'off',
    'react/destructuring-assignment': 'off',
    'react/prop-types': 'off',
    'react/no-access-state-in-setstate': 'off',
    'react/button-has-type': 'off',
    'max-classes-per-file': 'off',
    'import/no-cycle': 'off',
    'arrow-parens': 'off',
    'operator-linebreak': 'off',
    'react/jsx-wrap-multilines': 'off',
    'react/jsx-one-expression-per-line': 'off',
    'object-curly-newline': 'off',
    'no-else-return': 'off',
    'implicit-arrow-linebreak': 'off',
    'prefer-object-spread': 'off',
    'lines-between-class-members': 'off',
    'react/jsx-tag-spacing': 'off',
    'import/no-useless-path-segments': 'off',
    'no-dupe-class-members': 'off',
  },
  overrides: [
    {
      files: ['./src/**/*.ts', './src/**/*.tsx'],
      env: { browser: true, jest: true },
      extends: [
        'airbnb',
        'plugin:import/typescript',
        'plugin:@typescript-eslint/recommended',
        'prettier',
      ],
      parser: '@typescript-eslint/parser',
      parserOptions: {
        ecmaFeatures: { jsx: true },
        sourceType: 'module',
        project: './tsconfig.json',
      },
      plugins: ['react', '@typescript-eslint'],
      rules: {
        ...commonRules,
        '@typescript-eslint/consistent-type-definitions': ['error', 'type'],
        '@typescript-eslint/no-inferrable-types': [
          'error',
          { ignoreProperties: true, ignoreParameters: false },
        ],
        '@typescript-eslint/naming-convention': [
          'error',
          {
            selector: 'interface',
            format: ['PascalCase'],
            custom: {
              regex: '^I[A-Z]',
              match: true,
            },
          },
        ],
        '@typescript-eslint/explicit-function-return-type': 'off',
        'no-useless-constructor': 'off',
        '@typescript-eslint/no-useless-constructor': 'error',
        '@typescript-eslint/prefer-optional-chain': 'error',
        '@typescript-eslint/prefer-nullish-coalescing': 'error',
        'react/jsx-filename-extension': [1, { extensions: ['.ts', '.tsx'] }],
        'import/prefer-default-export': 'off',
        'react/state-in-constructor': 'off',
        'import/extensions': 'off',
        'import/no-unresolved': 'off',
        semi: 'off',
        'arrow-body-style': 'off',
        '@typescript-eslint/member-delimiter-style': 'off',
        '@typescript-eslint/no-use-before-define': 'off',
        'import/order': 'off',
        'linebreak-style': 'off',
      },
    },
  ],
};