.eslintrc.js

/** react-app config already use "@typescript-eslint" for "*index.ts(x)" files */

module.exports = {
    extends: ['react-app', 'prettier', 'plugin:@next/next/recommended'],
    plugins: ['prettier', 'unused-imports'],
    env: {
        browser: true,
        node: true,
        jest: false,
    },
    parserOptions: {
        warnOnUnsupportedTypeScriptVersion: false,
    },
    rules: {
        'prettier/prettier': 'error',
        'import/prefer-default-export': 'off',
        'no-unused-vars': 'off', // or "@typescript-eslint/no-unused-vars": "off",
        'unused-imports/no-unused-imports': 'warn',
        'react-hooks/rules-of-hooks': 'error',
        'react-hooks/exhaustive-deps': 'off',
        '@next/next/no-img-element': 'off',
        '@typescript-eslint/ban-ts-comment': 'error',
        '@typescript-eslint/explicit-function-return-type': 'warn',
        'unused-imports/no-unused-vars': [
            'warn',
            { vars: 'all', varsIgnorePattern: '^_', args: 'after-used', argsIgnorePattern: '^_' },
        ],
        'import/order': [
            'error',
            {
                pathGroups: [
                    {
                        pattern: 'next/**',
                        group: 'external',
                        position: 'before',
                    },
                    {
                        pattern: '@nextui-org/react',
                        group: 'external',
                        position: 'before',
                    },
                    {
                        pattern: '@/**',
                        group: 'internal',
                    },
                ],
                pathGroupsExcludedImportTypes: [],
                'newlines-between': 'always',
                groups: ['builtin', 'external', 'internal', 'parent', 'sibling', 'index'],
            },
        ],
    },
};