.eslintrc

{
    "env": {
        "browser": true,
        "es6": true,
        "jest": true,
        "amd": true,
        "commonjs": true
    },
    "root": true,
    "parser": "@typescript-eslint/parser",
    "plugins": ["@typescript-eslint"],
    "extends": [
        "plugin:react/recommended",
        "plugin:@typescript-eslint/recommended",
        "prettier"
    ],
    "overrides": [
        {
            "files": ["*.js"],
            "rules": {
                "@typescript-eslint/no-var-requires": "off"
            }
        }
    ],
    "rules": {
        "@typescript-eslint/ban-types": "off",
        "@typescript-eslint/interface-name-prefix": "off",
        "@typescript-eslint/explicit-function-return-type": "off",
        "@typescript-eslint/no-explicit-any": "off",
        "react/prop-types": "off",
        "react/react-in-jsx-scope": "off",
        "no-unused-vars": "off",
        "@typescript-eslint/no-unused-vars": [
            "warn",
            {
                "argsIgnorePattern": "^_",
                "varsIgnorePattern": "^_"
            }
        ],
        "no-restricted-imports": [
            "error",
            {
                "paths": [
                    {
                        "name": "@mui/material",
                        "message": "Do not use named import from '@mui/material'. Use @mui/material/<component-name> instead."
                    },
                    {
                        "name": "@mui/icons-material",
                        "message": "Do not use named import from '@mui/icons-material'. Use @mui/icons-material/<component-name> instead."
                    },
                    {
                        "name": "@mui/lab",
                        "message": "Do not use named import from '@mui/lab'. Use @mui/lab/<component-name> instead."
                    }
                ],
                "patterns": ["@mui/material/*/*/*"]
            }
        ]
    },
    "settings": {
        "react": {
            "version": "detect"
        }
    }
}