Hero Hook Form API / createCustomFieldConfigForItem

Function: createCustomFieldConfigForItem()

createCustomFieldConfigForItem<T>(name, def): ZodFormFieldConfig<T>

Defined in: utils/createFieldArrayCustomConfig.tsx:85

Create the right ZodFormFieldConfig for a single custom field by type. Use inside createFieldArrayCustomConfig getItemFieldConfig (or renderItem) so each array item renders one control (date, short text, long text, number, or dropdown) instead of multiple conditionals.

Type Parameters

T

T extends FieldValues

Parameters

name

Path<T>

Form path for the value (e.g. customFieldValues.${index}.value)

def

CustomFieldDef

Field definition with fieldType, name (label), and optional options for DROPDOWN

Returns

ZodFormFieldConfig<T>

ZodFormFieldConfig for use with FormField

Example


createFieldArrayCustomConfig({
  name: 'customFieldValues',
  getItemFieldConfig: ({ field, form, index }) => {
    const fieldDef = fields.find(f => f.id === field.customFieldId);
    if (!fieldDef) return null;
    return createCustomFieldConfigForItem(
      `customFieldValues.${index}.value`,
      { fieldType: fieldDef.fieldType, name: fieldDef.name, options: fieldDef.options }
    );
  },
  defaultItem: () => ({ customFieldId: '', value: '' }),
});