Typescript type error when using Form.create({mapPropsToFields}).

Version

3.2.0

Environment

Mac OSX Sierra (10.12.6), Firefox 58.0.2, react 16.2.0, antd 3.2.0

Reproduction link

https://github.com/kevinsperrine/ant-design-form-test

Steps to reproduce

Clone the repo and run yarn start. Minimal repo created using:

create-react-app form-test --scripts-version=react-scripts-ts
yarn add antd

What is expected?

No type errors should occur

What is actually happening?

A Typescript type error that the ‘form’ prop is missing is thrown.

/Users/chuck/Projects/form-test/src/App.tsx
(66,28): Type '{ username: string; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<Component<Pick<CustomFormProps, "username"> & Cust...'.
  Type '{ username: string; }' is not assignable to type 'Readonly<Pick<CustomFormProps, "username"> & CustomFormProps>'.
    Property 'form' is missing in type '{ username: string; }'.

[Nokecy]

当 CustomForm 继承React.Component<any, {}> 时 问题依旧 ， 如 https://github.com/Nokecy/ant-design-form-test

@yesmeck @benjycui

[qzm]

Use ‘FormComponentProps’ and ‘export default Form.create()(App);’ It work’s for me

import { Form } from 'antd';
import { FormComponentProps } from 'antd/lib/form';
import { connect } from 'dva';
import * as React from 'react';

export interface IAppProps extends FormComponentProps {
  visible?: boolean;
}

@connect(({ dispatch }) => ({
  dispatch,
}))
class App extends React.PureComponent<IAppProps, any> {
  public render() {
    return <div />
  }
}
export default Form.create()(App);