Свойство не существует для типа 'IntrinsicAttributes & IntrinsicClassAttributes <DatePicker>& Readonly <{children ?: ReactNode; }> ... '

Question

Я пытаюсь использовать React с компонентами TypeScript и Material-UI. К сожалению, я получаю такие ошибки:

Свойство 'openToYearSelection' не существует для типа IntrinsicAttributes & IntrinsicClassAttributes & Только чтение <{children ?: ReactNode; }> ... '.

import * as React from 'react';
import DatePicker from 'material-ui/DatePicker';

interface IState {
  birthday: any,
}

export default class SampleForm extends React.Component<IProps, IState> {
  constructor(props: any) {
    super(props);

    const { record = {} } = this.props;

    this.state = {
      birthday: record.birthday || null,
    };
  }

  public birthdayPicker() {
    const { birthday } = this.state;

    return (
      <DatePicker
        defaultDate={birthday}
        hintText="Birthday"
        openToYearSelection={true}
      />
    );
  }

  public render() {
    return (
      <form style={styles.root}>
        {this.header()}
        {this.firstName()}
        {this.lastName()}
        {this.birthdayPicker()}
        {this.phoneNumber()}
        {this.actionButtons()}
      </form>
    )
  }
}

Как правильно использовать Material-UI с TypeScript и React?

Answer 1

Я решил эту проблему, добавив отсутствующие свойства в пространства имен в node_modules/@types/material-ui/index.d.ts файл. Это сработало для меня. Я не думаю, что это хорошее решение, и мне интересно, есть ли лучшие подходы.

namespace DatePicker {
    export interface DatePickerProps {
        defaultDate?: Date;
        disableYearSelection?: boolean;
        ..