.eslintrc.json

{
    "extends": [
        "plugin:@typescript-eslint/recommended",
        "plugin:jest/recommended",
        "prettier",
        "prettier/react",
        "prettier/@typescript-eslint",
        "plugin:prettier/recommended"
    ],
    "ignorePatterns": [".eslintrc.json"],
    "plugins": [
        "react",
        "@typescript-eslint",
        "jest",
        "simple-import-sort",
        "prefer-arrow",
        "sort-destructure-keys",
        "sort-keys-fix"
    ],
    "env": {
        "browser": true,
        "es6": true,
        "jest": true
    },
    "globals": {
        "Atomics": "readonly",
        "SharedArrayBuffer": "readonly"
    },
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "ecmaFeatures": {
            "jsx": true
        },
        "ecmaVersion": 2018,
        "sourceType": "module",
        "project": "./tsconfig.json"
    },
    "rules": {
        "linebreak-style": "off",
        "simple-import-sort/imports": ["error", {
            "groups": [
                // Side effect imports.
                ["^\\u0000"],
                // Packages. `react` related packages come first.
                ["^react", "^@?\\w"],
                // Internal packages.
                ["^(@|@company|@ui|components|utils|config|vendored-lib|layouts|pages|providers|routes|assets|locales|services|store|style|types)(/.*|$)"],
                // Parent imports. Put `..` last.
                ["^\\.\\.(?!/?$)", "^\\.\\./?$"],
                // Other relative imports. Put same-folder imports and `.` last.
                ["^\\./(?=.*/)(?!/?$)", "^\\.(?!/?$)", "^\\./?$"],
                // Style imports.
                ["^.+\\.s?css$"]
            ]
        }],
        "simple-import-sort/exports": "error",
        "sort-keys-fix/sort-keys-fix": ["error", "asc", {
            "caseSensitive": false,
            "natural": true
        }],
        "sort-destructure-keys/sort-destructure-keys": ["error", {
            "caseSensitive": false
        }],
        "sort-vars": "error",
        "no-nested-ternary": 0,
        "prefer-arrow/prefer-arrow-functions": [
            "error",
            {
                "disallowPrototype": true,
                "singleReturnOnly": true,
                "classPropertiesAllowed": false
            }
        ],
        "arrow-body-style": ["error", "as-needed"],

        "react/jsx-sort-default-props": "error",
        "react/jsx-sort-props": "error",
        "react/jsx-props-no-spreading": "off",

        "prefer-destructuring": ["error", {
            "array": false,
            "object": true
        }],
        "no-console": "warn",
        "@typescript-eslint/no-explicit-any": "off",
        "@typescript-eslint/no-non-null-assertion": "off"
    }
}