diff --git a/packages/features/form-builder/FormBuilder.tsx b/packages/features/form-builder/FormBuilder.tsx index 516be815fb..bcd49b9bad 100644 --- a/packages/features/form-builder/FormBuilder.tsx +++ b/packages/features/form-builder/FormBuilder.tsx @@ -530,6 +530,7 @@ function FieldLabel({ field }: { field: RhfFormField }) { const fieldTypeConfigVariantsConfig = fieldTypeConfig?.variantsConfig; const fieldTypeConfigVariants = fieldTypeConfigVariantsConfig?.variants; const variantsConfig = field.variantsConfig; + const variantsConfigVariants = variantsConfig?.variants; const defaultVariant = fieldTypeConfigVariantsConfig?.defaultVariant; if (!fieldTypeConfigVariants || !variantsConfig) { if (fieldsThatSupportLabelAsSafeHtml.includes(field.type)) { @@ -551,7 +552,9 @@ function FieldLabel({ field }: { field: RhfFormField }) { "Field has `variantsConfig` but no `defaultVariant`" + JSON.stringify(fieldTypeConfigVariantsConfig) ); } - return {t(fieldTypeConfigVariants[variant as keyof typeof fieldTypeConfigVariants].label)}; + const label = + variantsConfigVariants?.[variant as keyof typeof fieldTypeConfigVariants]?.fields?.[0]?.label || ""; + return {t(label)}; } function VariantSelector() {