TypeScript function overloading causes false positive

[bobaaaaa]

Info

Since 0.5.0 the linting rule detected ts function overloads as an error.

Reproducible code

import type { PropsWithChildren, ReactNode } from 'react';

export function Button(props: PropsWithChildren<{ onClick: () => void }>): ReactNode;
export function Button(props: PropsWithChildren): ReactNode {
  return <button {...props}>{props.children}</button>;
}

See

https://www.typescriptlang.org/docs/handbook/2/functions.html#function-overloads

[alexandre-lefaix]

If that can help, the error comes from multiple component exports in the same file, not function overloads.

This should works :

import type { PropsWithChildren, ReactNode } from 'react';

function Button(props: PropsWithChildren<{ onClick: () => void }>): ReactNode;
function Button(props: PropsWithChildren): ReactNode {
  return <button {...props}>{props.children}</button>;
};

export { Button };

[bobaaaaa]

Good point 👍. Thanks

[ArnaudBarre]

Fixed in 0.5.1!