/
.eslintrc.js
106 lines (106 loc) · 2.68 KB
/
.eslintrc.js
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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
module.exports = {
parserOptions: {
ecmaVersion: 2022,
sourceType: 'module',
ecmaFeatures: { jsx: true },
},
parser: '@typescript-eslint/parser',
extends: [
'eslint:recommended',
'airbnb',
'airbnb-typescript',
'plugin:@typescript-eslint/eslint-recommended',
'plugin:@typescript-eslint/recommended',
'plugin:import/errors',
'plugin:import/warnings',
'plugin:import/typescript',
'plugin:lodash/recommended',
'plugin:react/recommended',
'plugin:react-redux/recommended',
'prettier',
],
plugins: ['react', 'react-hooks', '@typescript-eslint', 'lodash', 'react-redux'],
env: {
jest: true,
browser: true,
node: true,
},
rules: {
// general
'no-restricted-imports': [
'error',
{
paths: [
{
name: 'lodash',
message: 'Please use lodash-es instead of "lodash".',
},
],
},
],
'no-restricted-exports': 'off',
'import/extensions': [
'error',
'ignorePackages',
// following endings should never be added to imports
{
js: 'never',
jsx: 'never',
ts: 'never',
tsx: 'never',
},
],
'import/prefer-default-export': 'off',
'import/order': [
'error',
{
groups: [['builtin', 'external'], ['internal', 'parent'], ['sibling'], ['index']],
'newlines-between': 'always',
},
],
'no-useless-constructor': 'off',
'import/no-extraneous-dependencies': [
'error',
{
devDependencies: ['**/*{.,_}{test,spec}.{ts,tsx}', '**/setupTests.ts', './vite.config.ts'],
optionalDependencies: false,
},
],
// typescript
'@typescript-eslint/no-useless-constructor': 'error',
'@typescript-eslint/consistent-type-imports': 'warn',
// react
'react/jsx-uses-vars': 'error',
'react/jsx-uses-react': 'error',
'react/jsx-filename-extension': [1, { extensions: ['.js', '.jsx', '.ts', '.tsx'] }],
'react/function-component-definition': [
2,
{
namedComponents: 'arrow-function',
unnamedComponents: 'arrow-function',
},
],
// react hooks
'react-hooks/rules-of-hooks': 'error',
'react-hooks/exhaustive-deps': 'warn',
// lodash
'lodash/import-scope': [2, 'member'],
'lodash/prefer-lodash-method': 'off',
// a11y
'jsx-a11y/media-has-caption': 'off',
},
settings: { react: { version: 'detect' } },
parserOptions: {
project: './tsconfig.json',
},
overrides: [
{
files: ['**/*.spec.tsx'],
rules: {
'react/prop-types': 'off',
'react/jsx-props-no-spreading': 'off',
'no-console': 'off',
},
},
],
};