Detected the declaration of empty interfaces JS-0322
Anti-pattern
Minor
11 days ago
—
11 days old
An interface declaring no members is equivalent to its supertype
2
3import { cn } from "@/lib/utils"
4
5export interface InputProps 6 extends React.InputHTMLAttributes<HTMLInputElement> {}
7
8const Input = React.forwardRef<HTMLInputElement, InputProps>(
Description
An empty interface is equivalent to its supertype. If the interface does not implement a supertype, then the interface is equivalent to an empty object ({}). In both cases it can be omitted.
Bad Practice
// an empty interface
interface Foo {}
// an interface with only one supertype (Bar === Foo)
interface Bar extends Foo {}
// an interface with an empty list of supertypes
interface Baz {}
Recommended
// an interface with any number of members
interface Foo {
name: string;
}
// same as above
interface Bar {
age: number;
}
// an interface with more than one supertype
// in this case the interface can be used as a replacement of a union type.
interface Baz extends Foo, Bar {}