Свойство 'type' не существует для кнопки

Question

У меня есть этот компонент кнопки:

export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
    small?: boolean;
}

class Button extends React.Component<ButtonProps> { ... }

Но когда я пытаюсь сделать:

<Button type="submit"></Button>

Я получаю эту ошибку:

Property ' тип "не существует для типа" IntrinsicAttributes & IntrinsicClassAttributes & Readonly & Readonly <{children ?: ReactNode; }> '

Почему? Не является ли атрибут type частью React.HTMLAttributes<HTMLButtonElement>? Как правильно / рекомендуется установить этот атрибут?

Answer 1

export interface ButtonProps
  extends React.DetailedHTMLProps<
    React.ButtonHTMLAttributes<HTMLButtonElement>,
    HTMLButtonElement
  > {
  small?: boolean
}

class ButtonZ extends React.Component<ButtonProps> {
  render() {
    return <></>
  }
}

Если вы используете VSCode в качестве IDE, зависшего над компонентом HTML и осматривая подсказку, это хороший способ увидеть типы и реквизиты.