Not sure how to make it works....

[eMerzh]

Hi,

I'm trying to make this linter works on my project but for some reason it doesn't work 🤔

i tried various things with no luck.
atm i'm trying to implement "@graphql-eslint/no-deprecated"

in my eslintrc.js that looks like this:

module.exports = {
	extends: ['myconfig'],
	plugins: ['babel', 'relay', 'cypress', '@graphql-eslint'],
	parser: '@babel/eslint-parser',
	env: {
		es6: true,
		browser: true,
	},
	parserOptions: {
		requireConfigFile: false,
	},
	overrides: [
		{
			files: [
				'**/testutils/**',
				'**/__tests__/**/*.{js,jsx}',
				'**/*.test.{js,jsx}',
				'config/jest/**/*.{js,jsx}',
				'.styleguide/__tests__/imageSnapshots.js',
			],
			env: {
				browser: false,
				jest: true,
			},
			globals: {
				MouseEvent: false,
			},
		},
        ],
        globals: {
		__DEV__: false,
	},
	rules: {
		'react/jsx-uses-react': 'off',
		'react/react-in-jsx-scope': 'off',
		'react/no-deprecated': 'warn',
		'relay/graphql-syntax': 'error',
		'relay/graphql-naming': 'error',
		'relay/no-future-added-value': 'warn',
		'relay/unused-fields': 'warn',
		'relay/function-required-argument': 'error',
		'relay/hook-required-argument': 'error',
		'relay/must-colocate-fragment-spreads': 'off',
	},
}

i've added:

		overrides: [
		{
			files: ['*.graphql'],
			parser: '@graphql-eslint/eslint-plugin',
			plugins: ['@graphql-eslint'],
			rules: {
				'@graphql-eslint/no-deprecated': 'error',
			},
			parserOptions: {
				schema: './config/schema.graphql',
			},
		},
		{
			files: ['*.jsx'],
			processor: '@graphql-eslint/graphql',
			plugins: ['@graphql-eslint'],
		},
	],

just in the "override" object.

then trying to detect a deprecated fields :
nothing shows up ...
but the field is well recognized as such by other tools

schema looks like

type Mytype {
  enableThing: Boolean @deprecated(reason: "No longer available")
}

also i have a .graphqlrc.yaml but if i remove the parserOptions bits, it breaks.... even after explicitly installing graphql-config..

am-i doing something wrong?

[dimaMachina]

Hi @eMerzh, follow configuration in examples, or provide reproduction repo

[eMerzh]

my config looks like that :

module.exports = {
	root: true,
	extends: ['standard', 'standard-react', 'plugin:react/recommended', 'prettier'],
	plugins: ['@typescript-eslint', 'relay', 'cypress', 'react', 'prettier', 'react-hooks'],
	env: {
		es6: true,
		browser: true,
	},
	settings: {
		react: {
			version: 'detect',
		},
	},
	overrides: [
		{
			files: ['**/*.{js,jsx,ts,tsx}'],
			parser: '@typescript-eslint/parser',
			rules: {
				// from eslint-config-standard-react
				'react/jsx-no-bind': [
					'error',
					{
						allowArrowFunctions: true,
					},
				],
				'react/no-did-update-set-state': 'error',
				'react/no-unknown-property': 'error',
				'react/no-unused-prop-types': 'error',
				'no-duplicate-imports': 'error',
				'prettier/prettier': 'error',
				'react/no-danger': 'error',
				'react/prop-types': 'off',
				camelcase: [
					'error',
					{
						allow: [
							'^UNSAFE_',
							// allow relay imports like useFragment$key
							'\\$key',
							'\\$data',
						],
						// from eslint-config-standard
						properties: 'never',
						ignoreGlobals: true,
					},
				],
				'react/jsx-boolean-value': 'error',
				'no-useless-return': 'off',
				'no-console': ['error', { allow: ['warn', 'error'] }],
				'no-unused-vars': 'off',
				'@typescript-eslint/no-unused-vars': [
					'error',
					{
						args: 'none',
						vars: 'local',
						varsIgnorePattern: '^h|debug|^_+$',
					},
				],

				'react/no-find-dom-node': 'warn',
				'react-hooks/rules-of-hooks': 'error',
				'react-hooks/exhaustive-deps': 'warn',
				'react/jsx-handler-names': 'off',
				'react/jsx-pascal-case': 'off',
				'react/jsx-curly-brace-presence': ['error', { props: 'never', children: 'never' }],

				'react/jsx-uses-react': 'off',
				'react/react-in-jsx-scope': 'off',
				'react/no-deprecated': 'warn',
				'react/jsx-filename-extension': ['error', { extensions: ['.jsx', '.tsx'] }],
				'react/no-this-in-sfc': 'error',
				'react/hook-use-state': 'warn',
				'react/display-name': 'error',
				'relay/graphql-naming': 'error',
				'relay/graphql-syntax': 'error',
				'relay/no-future-added-value': 'warn',
				'relay/unused-fields': 'warn',
				'relay/function-required-argument': 'error',
				'relay/hook-required-argument': 'error',
				'no-constant-binary-expression': 'error',
				'no-unsafe-negation': ['error', { enforceForOrderingRelations: true }],
			},
		},
		{
			files: [
				'**/testutils/**',
				'**/__tests__/**/*.{js,jsx,ts,tsx}',
				'**/*.test.{js,jsx,ts,tsx}',
				'config/jest/**/*.{js,jsx,ts,tsx}',
				'**/*.cy.{js,jsx,ts,tsx}',
			],
			env: {
				browser: false,
				jest: true,
			},
			globals: {
				MouseEvent: false,
				cy: true,
			},
		},
		{
			files: ['*.{js,jsx,ts,tsx}'],
			processor: '@graphql-eslint/graphql',
		},
		{
			files: ['*.graphql'],
			parser: '@graphql-eslint/eslint-plugin',
			plugins: ['@graphql-eslint'],
			rules: {
				'@graphql-eslint/known-type-names': 'error',
				'@graphql-eslint/no-deprecated': 'error',
			},
			parserOptions: {
				schema: './config/schema.graphql',
			},
		},
	],
	globals: {
		__DEV__: false,
		__PROD__: false,
		__TEST__: false
	},
}

but it doesn't catch any deprecated