.eslintrc.js

module.exports = {
  root: true,
  env: {
    browser: true,
    amd: true,
    node: true,
    es6: true,
  },
  extends: [
    'eslint:recommended',
    'plugin:jsx-a11y/recommended',
    'plugin:prettier/recommended',
    'next',
    'next/core-web-vitals',
  ],
  rules: {
    'prettier/prettier': 'error',
    'react/react-in-jsx-scope': 'off',
    'jsx-a11y/media-has-caption': 'off',
    'jsx-a11y/anchor-is-valid': [
      'error',
      {
        components: ['Link'],
        specialLink: ['hrefLeft', 'hrefRight'],
        aspects: ['invalidHref', 'preferButton'],
      },
    ],
    'react/prop-types': 0,
    'no-unused-vars': 0,
    'react/no-unescaped-entities': 0,
  },
}

// module.exports = {
//   root: true,
//   parserOptions: {
//     ecmaVersion: 2020,
//     sourceType: 'module',
//     ecmaFeatures: {
//       jsx: true,
//     },
//   },
//   settings: {
//     react: {
//       version: 'detect',
//     },
//     // 'import/order': [
//     //   'error',
//     //   {
//     //     groups: ['builtin', 'external', 'internal'],
//     //     pathGroups: [
//     //       {
//     //         pattern: 'react',
//     //         group: 'external',
//     //         position: 'before',
//     //       },
//     //     ],
//     //     pathGroupsExcludedImportTypes: ['react'],
//     //     'newlines-between': 'always',
//     //     alphabetize: {
//     //       order: 'asc',
//     //       caseInsensitive: true,
//     //     },
//     //   },
//     // ],
//   },
//   env: {
//     browser: true,
//     amd: true,
//     node: true,
//     es6: true,
//   },
//   extends: [
//     'eslint:recommended',
//     'plugin:react/recommended',
//     'plugin:jsx-a11y/recommended',
//     'plugin:prettier/recommended',
//     // 'plugin:import/errors',
//     // 'plugin:import/warnings',
//   ],
//   rules: {
//     'prettier/prettier': 'error',
//     'react/react-in-jsx-scope': 'off',
//     'jsx-a11y/media-has-caption': 'off',
//     'jsx-a11y/anchor-is-valid': [
//       'error',
//       {
//         components: ['Link'],
//         specialLink: ['hrefLeft', 'hrefRight'],
//         aspects: ['invalidHref', 'preferButton'],
//       },
//     ],
//     'react/prop-types': 0,
//     'no-unused-vars': 0,
//     'react/no-unescaped-entities': 0,
//   },
// }