Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
{
"env": {
"browser": true,
"es6": true
},
"extends": [
"airbnb",
"airbnb/hooks",
"plugin:@typescript-eslint/recommended",
"plugin:react/recommended",
"plugin:jsx-a11y/recommended"
],
"parserOptions": {
"ecmaVersion": 2015,
"sourceType": "module",
"project": "./tsconfig.json",
"ecmaFeatures": {
"tsx": true
}
},
"plugins": [
"import",
"jsx-a11y",
"react",
"react-hooks",
"@typescript-eslint"
],
"rules": {
"no-console": "error",
"no-magic-numbers": ["error", {}],
"react/require-default-props": "off",
"@typescript-eslint/no-explicit-any": "error",
"react/prop-types": "off", // If you're using TypeScript, prop-types are not needed
"@typescript-eslint/explicit-module-boundary-types": "off", // Allows you to skip explicit return types in TypeScript
"react/jsx-filename-extension": [1, { "extensions": [".tsx"] }], // Only .tsx files for JSX
"import/extensions": [
"error",
"ignorePackages",
{
"js": "never",
"jsx": "never",
"ts": "never",
"tsx": "never"
}
],
"import/no-unresolved": "off", // TypeScript takes care of this
"react/react-in-jsx-scope": "off", // Not needed in Next.js
"react/jsx-props-no-spreading": "off", // Allowing spread props
"react-hooks/rules-of-hooks": "error",
"react-hooks/exhaustive-deps": "warn",
"import/prefer-default-export": "off",
"react/no-multi-comp": "error",
"jest/expect-expect": [
"error",
{
"assertFunctionNames": [
"expect",
"expectToThrow",
"expectEmptyFragment"
]
}
],
"tailwindcss/no-contradicting-classname": "error",
"testing-library/prefer-find-by": "error",
"testing-library/prefer-screen-queries": "error"
},
"overrides": [
{
// enable the rule specifically for TypeScript files
"files": ["*.ts", "*.mts", "*.cts", "*.tsx"],
"rules": {
"@typescript-eslint/explicit-function-return-type": "error"
}
}
],
"settings": {
"import/resolver": {
"node": {
"extensions": [".js", ".jsx", ".ts", ".tsx"]
}
}
}
}