.eslintrc.js

/** @type {import("eslint").Linter.Config} */
module.exports = {
	root: true,
	env: {
		browser: true,
		es2020: true
	},
	parser: '@typescript-eslint/parser',
	parserOptions: {
		ecmaFeatures: {
			jsx: true
		},
		ecmaVersion: 2022,
		sourceType: 'module'
	},
	extends: [
		'prettier',
		'eslint:recommended',
		'next/core-web-vitals',
		'plugin:react/recommended',
		'plugin:import/recommended',
		'plugin:prettier/recommended',
		'plugin:react-hooks/recommended',
		'plugin:@typescript-eslint/recommended'
	],
	plugins: ['react', 'react-hooks', 'jsx-a11y', '@typescript-eslint'],
	settings: {
		react: {
			version: 'detect'
		},
		'import/resolver': {
			node: {
				extensions: ['.js', '.jsx', '.ts', '.tsx']
			}
		}
	},
	rules: {
		'react-hooks/rules-of-hooks': 'error',
		'react/no-unknown-property': ['error', { ignore: ['css'] }],
		'@typescript-eslint/no-unused-vars': 'warn',
		'react-hooks/exhaustive-deps': 'warn',
		'no-unused-vars': 'warn',
		'react/react-in-jsx-scope': 'off'
	}
};