Как типизируtтся тег в React на typescropt?

Question

[nskaskyou]

Доброго времени суток.

Тип HTMLLinkElement содержит href: string но при диструктуризации пропсов пишет:
Свойство "href" не существует в типе "ILinkProps & { children?: ReactNode; }".ts(2339)

Подскажите, где что не так?
Спасибо

interface ILinkProps
  extends DetailedHTMLProps<HTMLAttributes<HTMLLinkElement>, HTMLLinkElement> {
  cursorPointer?: boolean;
}

export const Link: React.FC<ILinkProps> = (props): JSX.Element => {
  const { innerElement, cursorPointer = false, children, href } = props;
  return <a>{children}</a>
  );
};

Вот код интерфейса до href из lib.dom.d.ts

interface HTMLLinkElement extends HTMLElement, LinkStyle {
    as: string;
    /**
     * Sets or retrieves the character set used to encode the object.
     */
    /** @deprecated */
    charset: string;
    crossOrigin: string | null;
    disabled: boolean;
    /**
     * Sets or retrieves a destination URL or an anchor point.
     */
    href: string;

Comments

[Дмитрий Беляев]

а можно описание типов DetailedHTMLProps и HTMLAttributes чтоб не искать в инете?

[ReactLover]

interface ILinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
  cursorPointer?: boolean;
}

либо

interface ILinkProps extends HTMLProps<HTMLAnchorElement> {
  cursorPointer?: boolean;
}

Answer 1

[Александр]

Я обычно делаю так:

interface ILinkProps extends React.HTMLProps<HTMLLinkElement> {
  cursorPointer?: boolean;
}