Issue on TypeScript FieldInputProps typings

[dolphinlin]

about #606

Description

FieldInputProps extends AnyObject cause keyof unexpected operation.

microsoft/TypeScript#35600

example

type KeyOfFieldInputProps = keyof FieldInputProps<string, HTMLInputElement>;
// type KeyOfFieldInputProps = 'string' | 'number';

in my opinion, extending AnyObject is unnecessary, cuz the type definition must be exactly.

[dolphinlin]

#441 (comment)

field shouldn't put props that not define in FieldInputProps, if we wanna pass props to down level component, we have to wrap a HOC or something else.

example

// DatePicker.tsx
import React, { useCallback } from 'react';
import moment from 'moment';
import { useField, UseFieldConfig } from 'react-final-form';

import { DatePicker, Form } from 'antd';
import { FormItemProps } from 'antd/lib/form';
import { DatePickerProps } from 'antd/lib/date-picker/interface';

type FinalDatePickerWrapperType = {
  name: string;
  formProps?: FormItemProps;
  pickerProps?: Omit<DatePickerProps, 'onChange'>;
  children?: React.ReactNode;
} & UseFieldConfig<number>;

type TimeChangeFunc = NonNullable<DatePickerProps['onChange']>;

const FinalDatePickerWrapper: React.FC<FinalDatePickerWrapperType> = ({
  name,
  formProps,
  pickerProps,
  children,
  ...config
}) => {
  const { input, meta } = useField<number, HTMLInputElement>(name, config);
  const handleTimeChange = useCallback<TimeChangeFunc>(
    m => input.onChange(m ? m.startOf('second').unix() : 0),
    [input],
  );

  return (
    <Form.Item help={meta.touched && !meta.active && meta.error} {...formProps}>
      <DatePicker
        {...pickerProps}
        onChange={handleTimeChange}
        onOpenChange={e => {
          if (e.valueOf()) {
            input.onFocus();
          } else {
            input.onBlur();
          }
        }}
        value={moment.unix(input.value)}
      />
    </Form.Item>
  );
};

export default FinalDatePickerWrapper;


// main.tsx
import DatePicker from './DatePicker';

<DatePicker formProps={{}} pickerProps={{}}/>