Redux 表单自定义道具 FieldArray 与 Typecript

如何解决Redux 表单自定义道具 FieldArray 与 Typecript

我正在尝试将 redux-form 与 TS 一起使用并面临以下问题

// mainComponent.tsx

     <FieldArray
      name="elements"
      component={ElementDetails}
      props={{
        deleteElement: deleteElement,duplicateElement: duplicateElement,skipElement: skipElement,editElement: handleEditClick,}}
    />

// ElementDetails.tsx

interface IElementDetails {
  deleteElement: () => void;
  duplicateElement: () => void;
  skipElement: () => void;
  editElement: (id: string) => void;
  fields: [];
}

 export const ElementDetails: React.FC<WrappedFieldArrayProps<IElementDetails>> = ({
  deleteElement,duplicateElement,skipElement,editElement,fields,}) => {....}

对于所有传递的额外道具，出现以下错误

属性 'deleteElement' 不存在于类型 'WrappedFieldArrayProps & { children?: ReactNode; }'。

有人可以指导我我在这里做错了什么。提前致谢。