Typescript responsejs Не может распространять реквизиты на входной тег

Question

У меня есть многократно используемый входной компонент, который я использую во всем приложении

import * as React from 'react';
import styles from "./Input.module.css";

interface Props {
  input: Object;
  label: string;
  custom: Object;
  meta: {
    touched: boolean;
    error: boolean;
  }
}

    const Input: React.SFC<Props> = ({
      input,
      label,
      custom,
    }) => (
        <div className={styles.container}>
          <input {...input} {...custom} />
          <span className={styles.highlight} />
          <span className={styles.bar} />
          <label>{label}</label>
        </div>
      );

    export default Input;

Я нахожусь в процессе преобразования старого проекта javascript из javascript в машинописный текст.Все работает как надо, за исключением случаев, когда я распространяю реквизиты во входной тег, затем машинопись возвращает эту ошибку.

Есть идеи, что вызывает ошибку?

Answer 1

javascript Тип объекта имеет свойства, такие как «isPropertyOf», «hasOwnValue» и другие, которые не подходят для элемента ввода, попробуйте изменить что-то вроде:

 input: {
test: string,
id: Number
}