.eslintrc.cjs

module.exports = {
  env: {browser: true, es2020: true},
  extends: [
    "eslint:recommended",
    "plugin:react/recommended",
    "plugin:react/jsx-runtime",
    "plugin:react-hooks/recommended",
    "google",
    "prettier",
  ],
  parserOptions: {
    ecmaVersion: "latest",
    sourceType: "module",
    ecmaFeatures: {
      jsx: true,
    },
  },
  globals: {
    Atomics: "readonly",
    SharedArrayBuffer: "readonly",
  },
  settings: {
    react: {version: "detect"},
    "import/resolver": {
      node: {
        extensions: [".js", ".jsx", ".ts", ".tsx"],
      },
    },
  },
  plugins: ["react-refresh", "react", "prettier", "react-hooks", "import"],
  rules: {
    "react-refresh/only-export-components": 0,
    "require-jsdoc": 0,
    "prettier/prettier": "warn",
    "no-invalid-this": 0,
    "react/prop-types": 0,
    "react-hooks/rules-of-hooks": "warn",
    "react-hooks/exhaustive-deps": "error",
    "react/react-in-jsx-scope": "off",
    "react/jsx-fragments": "error",
    "import/no-unresolved": [2, {commonjs: true, amd: true}],
    "import/named": 2,
    "import/default": 2,
    "import/export": 2,
    "react/display-name": 0,
    "import/order": [
      2,
      {
        groups: [
          "index",
          "sibling",
          "parent",
          "internal",
          "external",
          "builtin",
        ],
        "newlines-between": "always",
        alphabetize: {
          order: "asc",
          caseInsensitive: true,
        },
      },
    ],
  },
};