Skip to content

Bug: [no-deprecated] No warnings about usage of deprecated props in JSX components #10275

Closed
@alice-ep

Description

@alice-ep

Before You File a Bug Report Please Confirm You Have Done The Following...

  • I have tried restarting my IDE and the issue persists.
  • I have updated to the latest version of the packages.
  • I have searched for related issues and found none that matched my issue.
  • I have read the FAQ and my problem is not listed.

Playground Link

https://typescript-eslint.io/play/#ts=5.5.4&fileType=.tsx&code=JYWwDg9gTgLgBAKjgQwM5wEoFNkGN4BmUEIcA5FDvmQNwCwAUI8AHYxZQF5ZwAKxYdAG9GcOAHoECUWKQABACZYwlXMnYKZicTKUqsajfwhgAXHFQworAOb0GAX0aNcEFpbgBhEmcxUYAHQAYp4APMaCAHxwALxwABRCcHqq6lgKEXAOAJSx0fEyoQrAAG4o1sgAtDZQyABGdemRWnAAEsCF4sUlzQzZ9i5uHsgsEDAAFhwAogAeyOAANjxxod7gycqpRgIxAEQQ43CjuxKRNEA&eslintrc=N4KABGBEBOCuA2BTAzpAXGUEKQAIBcBPABxQGNoBLY-AWhXkoDt8B6Jge1oBNFjpEZAIb5E3dFADuQ6E0jgwAXxCKgA&tsconfig=N4KABGBEDGD2C2AHAlgGwKYCcDyiAuysAdgM6QBcYoEEkJemy0eAcgK6qoDCAFutAGsylBm3TgwAXxCSgA&tokens=false

Repro Code

import * as React from 'react';

interface Props {
  /**
   * @deprecated
   */
  deprecatedProp: string;
}

const Comp: React.FC<Props> = ({ deprecatedProp }) => (
  <div aria-grabbed>
    Hi
  </div>
);

const anotherExample = <Comp deprecatedProp="oh no" />;

ESLint Config

{
  "rules": {
    "@typescript-eslint/no-deprecated": "warn"
  }
}

tsconfig

{
  "compilerOptions": {
    "strictNullChecks": true
  }
}

Expected Result

I expect to see a warning for the line that uses 'aria-dragged' and for the last line.

Actual Result

No warnings, though TypeScript does recognize the deprecation.

Additional Info

fwiw, seems like this was an issue in eslint-plugin-deprecated too. Someone tried to solve this separately (I haven't checked if it works): https://github.com/sebakerckhof/eslint-plugin-deprecated-jsx-props

Metadata

Metadata

Assignees

No one assigned

    Labels

    accepting prsGo ahead, send a pull request that resolves this issuebugSomething isn't workinglocked due to agePlease open a new issue if you'd like to say more. See https://typescript-eslint.io/contributing.package: eslint-pluginIssues related to @typescript-eslint/eslint-plugin

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions