.eslintrc.js

module.exports = {
	parser: '@babel/eslint-parser',
	parserOptions: {
		ecmaVersion: 2018,
		sourceType: 'module',
		ecmaFeatures: {
			jsx: true,
		},
	},
	env: {
		browser: true,
		jest: true,
		node: true,
	},

	extends: ['eslint:recommended', 'airbnb', 'airbnb/hooks', 'plugin:storybook/recommended'],
	ignorePatterns: [
		'dist/*',
	],
	rules: {
		'consistent-return': 'off',
		indent: ['error', 'tab'],
		'no-nested-ternary': 'off',
		'no-tabs': 'off',
		'sort-imports': ['warn', {
			ignoreCase: true,
			ignoreDeclarationSort: true,
		}],

		'import/no-extraneous-dependencies': ['error', { devDependencies: true }],
		'import/order': ['error', {
			alphabetize: { order: 'asc' },
			'newlines-between': 'always',
		}],
		'import/prefer-default-export': 'off',

		'react/function-component-definition': ['error', {
			namedComponents: ['arrow-function', 'function-declaration'],
			unnamedComponents: 'arrow-function',
		}],
		'react/jsx-indent': ['error', 'tab'],
		'react/jsx-indent-props': ['error', 'tab'],
		'react/jsx-props-no-spreading': ['error', { custom: 'ignore' }],
		'react/require-default-props': ['error', { ignoreFunctionalComponents: true }],
		'react/no-array-index-key': 'off',
	},
};