.eslintrc.json

{
  "extends": "next",
  "plugins": ["import", "visualize-admin", "jest", "deprecate"],
  "rules": {
    "no-restricted-imports": [
      "error",
      {
        "name": "lodash",
        "message": "Please use direct imports instead, ex: lodash/mapValues, lodash/groupBy."
      },
      {
        "name": "d3",
        "message": "Please use imports from individual d3 libraries, e.g. import { ascending } from 'd3-array'."
      }
    ],
    "react/display-name": "off",
    "jest/no-focused-tests": "error",
    "visualize-admin/no-large-sx": "error",
    "visualize-admin/make-styles": "error",
    "@next/next/no-html-link-for-pages": ["error", "app/pages/"],
    "deprecate/member-expression": [
      "error",
      { "name": "useMemo", "use": "named import" },
      { "name": "useState", "use": "named import" },
      { "name": "useContext", "use": "named import" },
      { "name": "useEffect", "use": "named import" },
      { "name": "createContext", "use": "named import" },
      { "name": "useReducer", "use": "named import" },
      { "name": "memo", "use": "named import" },
      { "name": "forwardRef", "use": "named import" },
      { "name": "useRef", "use": "named import" },
      { "name": "useCallback", "use": "named import" },
      { "name": "useImperativeHandle", "use": "named import" },
      { "name": "createElement", "use": "named import" }
    ],
    "import/order": [
      2,
      {
        "newlines-between": "always",
        "groups": [
          "builtin",
          "external",
          "internal",
          "parent",
          "sibling",
          "index",
          "object",
          "type"
        ],
        "pathGroups": [
          {
            "pattern": "@/**",
            "group": "internal"
          }
        ],
        "pathGroupsExcludedImportTypes": ["builtin"]
      }
    ]
  },
  "overrides": [
    {
      "files": ["**/*.docs.tsx"], // Or *.test.js
      "rules": {
        "import/no-anonymous-default-export": "off"
      }
    }
  ]
}