.eslintrc.json

{
  "root": true,
  "extends": ["next/core-web-vitals", "prettier"],
  "plugins": ["simple-import-sort", "svg-jsx", "unused-imports"],
  "rules": {
    "react-hooks/exhaustive-deps": "error",
    "import/newline-after-import": [
      "error",
      {
        "count": 1
      }
    ],
    "unused-imports/no-unused-imports": "warn",
    "simple-import-sort/imports": [
      "error",
      {
        "groups": [
          ["^react", "^@?\\w"],
          ["^(@)(/.*|$)"],
          ["^\\u0000"],
          ["^\\.\\.(?!/?$)", "^\\.\\./?$"],
          ["^\\./(?=.*/)(?!/?$)", "^\\.(?!/?$)", "^\\./?$"],
          ["^.+\\.?(css)$"]
        ]
      }
    ],
    "simple-import-sort/exports": "error",
    "svg-jsx/camel-case-dash": "error",
    "svg-jsx/camel-case-colon": "error",
    "svg-jsx/no-style-string": "error",
    "@next/next/no-html-link-for-pages": "off", // we don't use the pages directory for routing (removes warning when running next lint)
    "no-restricted-imports": [
      "error",
      {
        "paths": [
          {
            "name": "next/link",
            "message": "Use @/routing instead of next/link to have proper localization and typing."
          }
        ]
      }
    ]
  },
  "overrides": [
    {
      "files": ["*.svg"],
      "rules": {
        "svg-jsx/no-style-string": "off",
        "svg-jsx/camel-case-dash": "off",
        "svg-jsx/camel-case-colon": "off"
      }
    }
  ],
  "settings": {
    "next": {
      "rootDir": "."
    }
  },
  "ignorePatterns": ["node_modules/", ".next/", "out/"],
  "parserOptions": {
    "project": "./tsconfig.json",
    "ecmaVersion": "latest",
    "sourceType": "module"
  }
}