-
Notifications
You must be signed in to change notification settings - Fork 1
/
.eslintrc.js
146 lines (146 loc) · 3.45 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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
module.exports = {
root: true,
env: {
es2020: true,
browser: true,
'jest/globals': true,
},
parser: '@typescript-eslint/parser',
parserOptions: {
ecmaVersion: 2020,
sourceType: 'module',
tsconfigRootDir: __dirname,
ecmaFeature: { jsx: true },
},
plugins: [
'@typescript-eslint',
'react',
'react-hooks',
'jsx-a11y',
'import',
'jest',
'jest-dom',
'testing-library',
],
extends: [
'eslint:recommended',
'plugin:react/recommended', // CRAではコメントアウト?
'airbnb',
'airbnb/hooks',
'plugin:import/errors',
'plugin:import/warnings',
'plugin:import/typescript',
'plugin:@typescript-eslint/recommended',
'plugin:jest/recommended',
'plugin:jest-dom/recommended',
'plugin:testing-library/react',
'prettier',
'plugin:@next/next/recommended',
],
rules: {
'no-mixed-operators': 'error',
'no-console': 'error',
'no-undef': 'error',
'no-useless-return': 'off',
'no-use-before-define': 'off',
'padding-line-between-statements': [
'error',
{
blankLine: 'always',
prev: '*',
next: 'return',
},
],
'lines-between-class-members': [
'error',
'always',
{ exceptAfterSingleLine: true },
],
'import/extensions': [
'error',
'ignorePackages',
{
js: 'never',
jsx: 'never',
ts: 'never',
tsx: 'never',
},
],
'import/no-extraneous-dependencies': [
'error',
{
devDependencies: [
'**/*.test.js',
'**/*.test.jsx',
'**/*.test.ts',
'**/*.test.tsx',
'**/*.stories.jsx',
'**/*.stories.tsx',
],
},
],
'import/prefer-default-export': 'off',
'react/jsx-uses-react': 'error',
'react/jsx-uses-vars': 'error',
'react/jsx-props-no-spreading': [
'error',
{
html: 'enforce',
custom: 'ignore',
explicitSpread: 'ignore',
},
],
'react/jsx-filename-extension': ['error', { extensions: ['.jsx', '.tsx'] }],
'react-hooks/rules-of-hooks': 'error',
'react-hooks/exhaustive-deps': [
'warn',
{
additionalHooks: 'useRecoilCallback',
},
],
'@typescript-eslint/no-explicit-any': 'error',
'@typescript-eslint/no-non-null-assertion': 'error',
'@typescript-eslint/explicit-function-return-type': 'off',
'@typescript-eslint/explicit-module-boundary-types': 'off',
'@typescript-eslint/member-delimiter-style': 'error',
'@typescript-eslint/ban-ts-comment': [
'error',
{
'ts-ignore': 'allow-with-description',
'ts-expect-error': 'allow-with-description',
},
],
'@typescript-eslint/no-unused-vars': [
'error',
{
vars: 'all',
args: 'after-used',
argsIgnorePattern: '_',
ignoreRestSiblings: false,
varsIgnorePattern: '_|tw|css',
},
],
'jsx-a11y/anchor-is-valid': 'off',
'testing-library/render-result-naming-convention': 'off',
},
overrides: [
{
files: ['*.test.tsx'],
rules: { '@typescript-eslint/no-empty-function': 'off' },
},
{
files: ['*.tsx'],
rules: { 'react/prop-types': 'off' },
},
],
settings: {
react: { version: 'detect' },
'import/resolver': {
typescript: {},
node: {
paths: ['src'],
extensions: ['.js', '.jsx', '.ts', '.tsx'],
},
},
},
};