Before You File a Proposal Please Confirm You Have Done The Following...

• I have searched for related issues and found none that match my proposal.
• I have searched the current rule list and found no rules that match my proposal.
• I have read the FAQ and my problem is not listed.

My proposal is suitable for this project

• I believe my proposal would be useful to the broader TypeScript community (meaning it is not a niche proposal).

Link to the rule's documentation

https://typescript-eslint.io/rules/ban-types/

Description

I think that it would be useful to ban certain types from being extended. The job of the rule is to ban the usage of certain types and provide an alternative way if possible. Creating a new interface and extending from a harmful/confusing type also will introduce the usage of that not wanted type.

One use case might be to eliminate the usage of HTMLProps and HTMLAttributes.

Fail

interface Props extends from HTMLProps<HTMLButtonElement> {}

Pass

interface Props extends from ComponentPropsWithoutRef<'div>' {}

Additional Info

Link to the resource on why HTMLProps and HTMLAttributes can be problematic: https://react-typescript-cheatsheet.netlify.app/docs/advanced/patterns_by_usecase/#wrappingmirroring-a-html-element