.eslintrc.json

{
  "root": true,
  "extends": [
    "next/core-web-vitals",
    "eslint:recommended",
    "plugin:prettier/recommended"
  ],
  "overrides": [
    {
      "files": [
        "**/*.ts?(x)"
      ],
      // extend TypeScript plugins here
      // instead of outside the `overrides`
      "extends": [
        "plugin:@typescript-eslint/recommended",
        "plugin:@typescript-eslint/recommended-requiring-type-checking",
        "plugin:@typescript-eslint/strict",
        "next/core-web-vitals",
        "plugin:prettier/recommended"
      ],
      "parser": "@typescript-eslint/parser",
      "parserOptions": {
        "ecmaFeatures": {
          "jsx": true
        },
        "ecmaVersion": 12,
        "sourceType": "module",
        "project": [
          "./tsconfig.json"
        ]
      },
      "plugins": [
        "chakra-ui"
      ],
      "rules": {
        "chakra-ui/props-order": "error",
        "chakra-ui/props-shorthand": "error",
        "chakra-ui/require-specific-component": "error",
        "@typescript-eslint/no-non-null-assertion": "off",
        "@typescript-eslint/consistent-type-imports": "error",
        "@typescript-eslint/no-unused-vars": "warn"
      }
    },
    {
      "files": [
        "types/**/*.ts"
      ],
      "rules": {
        "@typescript-eslint/consistent-type-definitions": "off"
      }
    }
  ]
}