Docs
ESLINT
ESlint Plugin Query

ESLint Plugin Query

TanStack Query에는 최선의 관행을 강제하고 일반적인 실수를 피하는 데 도움을 주는 ESLint 플러그인이 포함되어 있습니다.

Installation

플러그인은 별도의 패키지로, 다음 명령어로 설치할 수 있습니다:

$ npm i -D @tanstack/eslint-plugin-query

또는

$ pnpm add -D @tanstack/eslint-plugin-query

또는

$ yarn add -D @tanstack/eslint-plugin-query

또는

$ bun add -D @tanstack/eslint-plugin-query

Flat Config (eslint.config.js)

Recommended setup

플러그인의 모든 추천 규칙을 활성화하려면, 다음 구성을 추가합니다:

import pluginQuery from "@tanstack/eslint-plugin-query";
 
export default [
  ...pluginQuery.configs["flat/recommended"],
  // 기타 설정...
];

Custom setup

또는 플러그인을 로드하고 사용하려는 규칙만 구성할 수 있습니다:

import pluginQuery from "@tanstack/eslint-plugin-query";
 
export default [
  {
    plugins: {
      "@tanstack/query": pluginQuery,
    },
    rules: {
      "@tanstack/query/exhaustive-deps": "error",
    },
  },
  // 기타 설정...
];

Legacy Config (.eslintrc)

Recommended setup

플러그인의 모든 추천 규칙을 활성화하려면, extends에 plugin:@tanstack/eslint-plugin-query/recommended를 추가합니다:

{
  "extends": ["plugin:@tanstack/eslint-plugin-query/recommended"]
}

Custom setup

또는 plugins 섹션에 @tanstack/eslint-plugin-query를 추가하고, 사용하려는 규칙을 구성할 수 있습니다:

{
  "plugins": ["@tanstack/query"],
  "rules": {
    "@tanstack/query/exhaustive-deps": "error"
  }
}

Rules

hydrationExhaustive Deps