绑定元素“输入”隐式地具有redux形式的“任意”类型

Question

I am new to React with Typescript i am trying to create a redux form component.But when it is compiled i am getting the error as below

I have tried to add props as below but i don't know whether the approach is correct or not.

interface FormInputProps {
  input: any,
  iconName: string,
  placeHolder: string,
  inputType: string,
  meta: object,
}

const FormInput = ({
  input,
  iconName,
  placeHolder,
  inputType,
  meta: { error, touched }
}) => (
  <FormGroup>
    <InputGroup className="mb-3">
      <InputGroupAddon addonType="prepend">
        <InputGroupText>
          <i className={iconName}/>
        </InputGroupText>
      </InputGroupAddon>
      <Input
        {...input}
        type={inputType}
        placeholder={placeHolder} />
    </InputGroup>
    {touched && <FormText className="help-block error-color">{error}</FormText>}
  </FormGroup>
);

Answer 1

import {InjectedFormProps} from 'redux-form';
interface FormInputProps {/*other local thing*/} extends InjectedFormProps;

const FormInput:React.FC<FormInputProps> = ()=>{...}

Answer 2

Found the answer: Tried like below and it works fine

  const FormInput = (field: any) => (
  <FormGroup>
    <InputGroup className="mb-3">
      <InputGroupAddon addonType="prepend">
        <InputGroupText>
          <i className={field.iconName}/>
        </InputGroupText>
      </InputGroupAddon>
      <Input
        {...field.input}
        type={field.inputType}
        placeholder={field.placeHolder} />
    </InputGroup>
    {field.touched && <FormText className="help-block error-color">{field.error}</FormText>}
  </FormGroup>
);

export default FormInput;