module.exports = {
  parser: "babel-eslint",
  extends: [
    "eslint:recommended",
    "plugin:import/errors",
    "plugin:import/warnings",
    "plugin:react/recommended",
    "plugin:react-hooks/recommended",
    "prettier",
    "prettier/react",
  ],
  plugins: [
    "react",
    "prettier",
  ],
  rules: {
    'react/prop-types': 'off', // we don't use propTypes.
    'react/react-in-jsx-scope': 'off', // React import not needed in Next.js
    'react-hooks/exhaustive-deps': 'error', // Require explicit ignore when we want to skip deps
    'prettier/prettier': ["error", {
      "trailingComma": "es5",
      "singleQuote": true,
    }],
    'no-console': ['error', { allow: ['warn', 'error'] }], // no console.log, but can use .warn and .error.
  },
  env: {
    browser: true,
    mocha: false,
    es6: true,
    jest: true,
    node: true,
  },
  settings: {
    'import/resolver': {
      'babel-module': {}
    }
  }
};

@@ -889,22 +889,16 @@
 lver': %7B
-%0A     
  'babel-
@@ -908,20 +908,52 @@
 ule': %7B%7D
+ %7D,
 %0A   
+ 'react': %7B version: 'detect'
  %7D%0A  %7D%0A%7D

Make eslint-plugin-react happy