Source URL: https://tanstack.com/query/latest/docs/eslint/eslint-plugin-query

ESLint Plugin Query

TanStack Query에는 전용 ESLint 플러그인이 포함되어 있습니다. 이 플러그인은 모범 사례를 강제하고, 흔히 발생하는 실수를 피할 수 있도록 도와줍니다.

설치

이 플러그인은 별도 패키지이므로 직접 설치해야 합니다:

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`)

권장 설정

플러그인의 모든 권장 규칙을 활성화하려면 다음 설정을 추가하세요:

import pluginQuery from '@tanstack/eslint-plugin-query'

export default [
  ...pluginQuery.configs['flat/recommended'],
  // Any other config...
]

사용자 지정 설정

또는 플러그인을 로드한 뒤, 사용하려는 규칙만 선택해서 설정할 수 있습니다:

import pluginQuery from '@tanstack/eslint-plugin-query'

export default [
  {
    plugins: {
      '@tanstack/query': pluginQuery,
    },
    rules: {
      '@tanstack/query/exhaustive-deps': 'error',
    },
  },
  // Any other config...
]

Legacy Config (`.eslintrc`)

권장 설정

플러그인의 모든 권장 규칙을 활성화하려면 extends에 plugin:@tanstack/query/recommended를 추가하세요:

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

사용자 지정 설정

또는 plugins 섹션에 @tanstack/query를 추가하고, 사용하려는 규칙을 설정하세요:

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

ESLint Plugin Query

ESLint Plugin Query

설치

Flat Config (eslint.config.js)

권장 설정

사용자 지정 설정

Legacy Config (.eslintrc)

권장 설정

사용자 지정 설정

규칙

Flat Config (`eslint.config.js`)

Legacy Config (`.eslintrc`)