diff --git a/packages/evergreen-component-mapper/src/sub-form/sub-form.tsx b/packages/evergreen-component-mapper/src/sub-form/sub-form.tsx index 1a7a32b..11de12f 100644 --- a/packages/evergreen-component-mapper/src/sub-form/sub-form.tsx +++ b/packages/evergreen-component-mapper/src/sub-form/sub-form.tsx @@ -1,20 +1,18 @@ import React from 'react'; import useFormApi from '@data-driven-forms/react-form-renderer/use-form-api'; -import { Field } from '@data-driven-forms/react-form-renderer'; +import { Field, useFieldApi, UseFieldApiProps } from '@data-driven-forms/react-form-renderer'; -export interface SubFormProps { +export interface SubFormProps extends UseFieldApiProps { + name: string; fields?: Field[]; }; -const SubForm: React.FC = ({fields = [], ...props}) => { +const SubForm: React.FC = (props) => { const { renderForm } = useFormApi(); + const { fields = [] } = useFieldApi(props); - return ( -
- {renderForm(fields)} -
- ); + return
{renderForm(fields)}
; }; export default SubForm;