.eslintrc.json

{
  "extends": ["airbnb-typescript"],
  "plugins": ["import", "react"],
  "parserOptions": {
    "project": "./tsconfig.json"
  },
  "rules": {
    "@typescript-eslint/no-shadow": "off",
    "react-hooks/exhaustive-deps": "off",
    "@typescript-eslint/no-redeclare": "off",
    "import/no-extraneous-dependencies": "off", // have to check it against production
    "no-multi-spaces": 2,
    "arrow-spacing": [2, { "before": true, "after": true }],
    "space-in-parens": [2, "never"],
    // jsx rules
    "jsx-quotes": [2, "prefer-double"],
    "react/jsx-indent": 2,
    "react/jsx-indent-props": 2,
    "react/jsx-closing-bracket-location": 2,
    "react/jsx-first-prop-new-line": [2, "multiline"],
    "react/jsx-wrap-multilines": 2,
    "react/jsx-one-expression-per-line": [2, { "allow": "single-child" }],
    "react/jsx-tag-spacing": [2, { "beforeSelfClosing": "always" }],
    "react/jsx-max-props-per-line": [2, { "when": "multiline" }],
    "react/jsx-no-useless-fragment": 2,
    "react/jsx-props-no-multi-spaces": 2,
    "react/jsx-equals-spacing": 2,
    "react/jsx-curly-spacing": [2, "never"],
    "react/jsx-curly-brace-presence": [2, { "props": "never", "children": "never" }],
    "import/order": [2, {
      "groups": ["builtin", "external", "parent", "sibling", "index"],
      "newlines-between": "always"
    }]
  }
}