eslint.config.js

module.exports = {
    env: {
      browser: true,
      es2020: true,
      node: true,
      jest: true
    },
    extends: [
      'plugin:react/recommended',
      'standard',
      'plugin:@typescript-eslint/recommended',
      'prettier/@typescript-eslint',
      'prettier/standard',
      'prettier/react'
    ],
    parser: '@typescript-eslint/parser',
    parserOptions: {
      ecmaFeatures: {
        jsx: true
      },
      ecmaVersion: 11,
      sourceType: 'module'
    },
    plugins: ['react', '@typescript-eslint', 'prettier'],
    rules: {
      'prettier/prettier': 'error',
      "import-helpers/order-imports": [
        "warn",
        {
          "newlinesBetween": "always", // new line 
          "groups": [
              "/^react/",
              "module",
              "/~/",
              ["parent", "sibling", "index"],
              "/.styles/"
          ],
          "alphabetize": { "order": "asc", "ignoreCase": true }
        }
      ]
    },
    settings: {
      'import/resolver': {
        typescript: {}
      },
      react: {
        version: 'detect',
      },
    }
  }