.eslintrc.json

{
    "env": {
        "browser": true,
        "es2021": true
    },
    "extends": [
        "eslint:recommended",
        "plugin:react/recommended",
        "plugin:@typescript-eslint/recommended",
        "airbnb",
        "plugin:prettier/recommended",
        "prettier"
    ],
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "ecmaFeatures": {
            "jsx": true
        },
        "ecmaVersion": 12,
        "sourceType": "module"
    },
    "plugins": [
        "react",
        "@typescript-eslint",
        "prettier",
        "simple-import-sort"
    ],
    "rules": {
        "simple-import-sort/imports": "error",
        "simple-import-sort/exports": "error",
        // Prettier
        "prettier/prettier": "error",
        "react/no-unknown-property": ["off"],
        // Typescript
        "no-use-before-define": "off",
        "import/prefer-default-export": "warn",
        "import/no-extraneous-dependencies": "off",
        "@typescript-eslint/no-use-before-define": ["error"],
        "@typescript-eslint/no-unused-vars": "warn",
        "@typescript-eslint/no-explicit-any": "warn",
        "@typescript-eslint/no-var-requires": "warn",
        // react
        "react/require-default-props": 0,
        "react/button-has-type": 0,
        "react/no-children-prop": 0,
        "react/jsx-props-no-spreading": 0,
        "react/function-component-definition": ["warn", {
            "namedComponents": "function-declaration",
            "unnamedComponents": "function-expression"
        }],
        "react/jsx-filename-extension": [
            2,
            {
                "extensions": [".js",".jsx",".ts",".tsx"]
            }
        ],
        // Import
        "import/extensions": 0
    },
    "settings": {
        "import/resolver": {
          "node": {
            "extensions": [".js", ".jsx", ".ts", ".tsx"]
          }
        },
        "import/core-modules": [ "electron", "electron-is-dev" ]
    },
    "ignorePatterns": ["node_modules/", "dist/", "main/"],

    "overrides": [
        {
          "files": ["**/*.js", "**/*.ts", "**/*.tsx"],
          "rules": {
            "simple-import-sort/imports": [
              "error",
              {
                "groups": [
                  // `react` first, `next` second, then packages starting with a character
                  ["^react$", "^next", "^[a-z]"],
                  // Packages starting with `@`
                  ["^@"],
                  // Packages starting with `~`
                  ["^~"],
                  // Imports starting with `../`
                  ["^\\.\\.(?!/?$)", "^\\.\\./?$"],
                  // Imports starting with `./`
                  ["^\\./(?=.*/)(?!/?$)", "^\\.(?!/?$)", "^\\./?$"],
                  // Style imports
                  ["^.+\\.s?css$"],
                  // Side effect imports
                  ["^\\u0000"]
                ]
              }
            ]
          }
        }
      ]
}