-
Notifications
You must be signed in to change notification settings - Fork 2
/
.eslintrc.js
96 lines (87 loc) · 3.06 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
module.exports = {
root: true,
// We don't want to lint generated files nor node_modules, but we want to lint
// .prettierrc.js (ignored by default by eslint)
ignorePatterns: ['node_modules/*', '.next/*', '.out/*', '!.prettierrc.js'],
overrides: [
{
files: ['**/*.js', '**/*.jsx'],
parserOptions: {
ecmaVersion: 2019,
sourceType: 'module',
ecmaFeatures: {
jsx: true,
},
},
settings: { react: { version: 'detect' } },
env: {
browser: true,
node: true,
es6: true,
},
extends: [
'eslint:recommended',
'plugin:react/recommended', // React rules
'plugin:react-hooks/recommended', // React hooks rules
'plugin:jsx-a11y/recommended', // Accessibility rules
'plugin:prettier/recommended', // Prettier recommended rules
'plugin:@next/next/recommended', // Next.js recommended rules
],
rules: {
// This rule is not compatible with Next.js's <Link /> components
'jsx-a11y/anchor-is-valid': 'off',
// Warn about unused variables
'no-unused-vars': 'warn',
// Override prettier/recommended to show errors as warnings
'prettier/prettier': ['warn'],
// No need to import React when using Next.js
'react/react-in-jsx-scope': 'off',
},
},
// This configuration will apply only to TypeScript files
{
files: ['**/*.ts', '**/*.tsx'],
parser: '@typescript-eslint/parser',
settings: { react: { version: 'detect' } },
env: {
browser: true,
node: true,
es6: true,
},
parserOptions: { ecmaVersion: 2019 },
extends: [
'eslint:recommended',
'plugin:@typescript-eslint/recommended', // TypeScript rules
'plugin:react/recommended', // React rules
'plugin:react-hooks/recommended', // React hooks rules
'plugin:jsx-a11y/recommended', // Accessibility rules
'plugin:prettier/recommended', // Prettier recommended rules
],
rules: {
// This rule is not compatible with Next.js's <Link /> components
'jsx-a11y/anchor-is-valid': 'off',
// Override prettier/recommended to show errors as warnings
'prettier/prettier': ['warn'],
// Disable display-name errors in static layout trees
'react/display-name': 'off',
// We will use TypeScript's types for component props instead
'react/prop-types': 'off',
// No need to import React when using Next.js
'react/react-in-jsx-scope': 'off',
// Warn about unused variables (ignore middle vars)
'@typescript-eslint/no-unused-vars': [
'warn',
{ argsIgnorePattern: '^_', args: 'after-used' },
],
// Require return types on functions only where useful
'@typescript-eslint/explicit-function-return-type': [
'warn',
{
allowExpressions: true,
allowConciseArrowFunctionExpressionsStartingWithVoid: true,
},
],
},
},
],
};