Typescript React Intl Redux несоответствие типов форм

Question

Я хочу подключить свою форму к Intl, но я изо всех сил пытаюсь понять ошибку машинописного текста. Если я изменю injectIntl<any> ошибка исчезает. Возможно, мне нужно что-то пропустить, но я не знаю что. Не могли бы вы взглянуть, что я делаю неправильно, возможно, помочь мне понять ошибку.

Спасибо

Код:

import { injectIntl, InjectedIntlProps } from 'react-intl';
import { reduxForm, Field, InjectedFormProps } from 'redux-form';

interface PageProps extends InjectedIntlProps, InjectedFormProps {}

const Page = (props: PageProps): JSX.Element => {
  const { intl: { formatMessage } } = props;
  return (
    <div>
        <form>
             <Field
                    name="date"
                    type="text"
                    component="input"
                    id="date"
                    {...{
                        label: formatMessage({
                            id: '...',
                        }),
                    }}
                />
        </form>
    </div>
  );
};

export default injectIntl(
  reduxForm({
    form: "FormName",
  })(Page),
);

Ошибка:

сообщение: "Аргумент типа" DecoratedComponentClass <{}, Partial >> "не может быть назначен параметру типа" ComponentConstructor> & InjectedIntlProps> ". Тип "DecoratedComponentClass <{}, Partial >>" нельзя назначить типу "StatelessComponent> & InjectedIntlProps>". Тип 'DecoratedComponentClass <{}, Partial >>' не обеспечивает совпадения для подписи '(props: Partial> & InjectedIntlProps & { children?: ReactNode; }, context?: any): ReactElement | ноль'.'

Answer 1

Попробуйте injectIntl ​​на странице.

export default reduxForm({
    form: "FormName",
})(injectIntl(Page));