.eslintrc.js

module.exports = {
  env: {
    browser: true,
    node: true,
  },
  extends: [
    'plugin:react/recommended',
    'airbnb',
    'plugin:prettier/recommended',
  ],
  globals: {
    Atomics: 'readonly',
    SharedArrayBuffer: 'readonly',
  },
  parserOptions: {
    ecmaFeatures: {
      jsx: true,
    },
    ecmaVersion: 2018,
    sourceType: 'module',
  },
  parser: '@typescript-eslint/parser',
  plugins: ['react', 'module-resolver', 'prettier', '@typescript-eslint'],
  rules: {
    // ISSUE: https://stackoverflow.com/questions/63818415/react-was-used-before-it-was-defined/
    'no-use-before-define': 'off',
    '@typescript-eslint/no-use-before-define': ['error'],
    // ---
    // 'no-unused-vars': 'off',
    '@typescript-eslint/no-unused-vars': ['error'],
    'prettier/prettier': 'error',
    'implicit-arrow-linebreak': 'off',
    'function-paren-newline': 'off',
    semi: 'off',
    'no-shadow': 'off',
    'no-undef': 'off',
    'react/jsx-curly-brace-presence': 'off',
    'react/no-danger': 'off',
    camelcase: 'off',
    'consistent-return': 'off',
    'no-underscore-dangle': 'off',
    'jsx-a11y/label-has-for': 'off',
    'react/state-in-constructor': 'off',
    'react/jsx-wrap-multilines': 'off',
    'react/require-default-props': 'off',
    'react/jsx-props-no-spreading': 'off',
    'react/prefer-stateless-function': 'off',
    'jsx-a11y/interactive-supports-focus': 'off',
    'jsx-a11y/label-has-associated-control': 'off',
    'react/jsx-filename-extension': 'off',
    'react/react-in-jsx-scope': 'off',
    'react/jsx-fragments': [2, 'element'],
    'jsx-a11y/anchor-is-valid': 'off',
    'import/no-unresolved': [
      2,
      {
        ignore: [
          '@nexys',
          'components',
          'css',
          'containers',
          'contexts',
          'fields',
          'stores',
          'styles',
          'utils',
          'views',
          'pages',
          'models',
          'icons',
          'hooks',
          'data',
          'routes',
          'constant',
          'constants',
          'svgs',
          'validations',
          'shortcuts',
          'library',
          'proptypes',
          'services',
          'layouts',
          'helpers',
          'images',
          'HOC',
          'assets',
        ],
      },
    ],
  },
}