.eslintrc.json

{
    "env": {
    	"browser": true,
    	"es6": true
    },
    "extends": [
    	"airbnb",
    	"airbnb/hooks",
    	"airbnb-typescript"
    ],
    "overrides": [
      {
        "files": ["**/*.test.js", "**/*.test.jsx", "**/*.test.ts", "**/*.test.tsx"],
        "plugins": ["jest"],
        "extends": ["plugin:jest/recommended"]
      }
    ],
    "globals": {
    	"Atomics": "readonly",
    	"SharedArrayBuffer": "readonly"
    },
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
      	"ecmaFeatures": {
        	"jsx": true
      	},
      	"ecmaVersion": 2018,
      	"project": "./tsconfig.json"
    },
    "plugins": [
      	"react",
      	"@typescript-eslint"
    ],
    "rules": {
      "no-restricted-imports": [
        "error",
        {
          "patterns": [
            {
              "group": ["../*"],
              "message": "Usage of relative parent imports is not allowed."
            }
          ]
        }
      ],
      "import/extensions": "off",
      "react/react-in-jsx-scope": "off",
      "react/require-default-props": "off",
      "max-classes-per-file": "off",
      "class-methods-use-this": "off",
      "react/jsx-props-no-spreading": "off",
      "jsx-a11y/label-has-associated-control": ["error", {
        "required": {
          "some": ["nesting", "id"]
        }
      }],
      "jsx-a11y/label-has-for": ["error", {
        "required": {
          "some": ["nesting", "id"]
        }
      }],
       "linebreak-style":"off",
       "import/prefer-default-export": "off"
    },
    "settings": {
      "import/resolver": {
      	"typescript": {}
      }
    }
  }