diff --git a/apps/www/src/lib/registry/default/ui/form/useFormField.ts b/apps/www/src/lib/registry/default/ui/form/useFormField.ts index 885b1e1fb..ed30a8a3c 100644 --- a/apps/www/src/lib/registry/default/ui/form/useFormField.ts +++ b/apps/www/src/lib/registry/default/ui/form/useFormField.ts @@ -6,19 +6,19 @@ export function useFormField() { const fieldContext = inject(FieldContextKey) const fieldItemContext = inject(FORM_ITEM_INJECTION_KEY) - const fieldState = { - valid: useIsFieldValid(), - isDirty: useIsFieldDirty(), - isTouched: useIsFieldTouched(), - error: useFieldError(), - } - if (!fieldContext) throw new Error('useFormField should be used within ') const { name } = fieldContext const id = fieldItemContext + const fieldState = { + valid: useIsFieldValid(name), + isDirty: useIsFieldDirty(name), + isTouched: useIsFieldTouched(name), + error: useFieldError(name), + } + return { id, name, diff --git a/apps/www/src/lib/registry/new-york/ui/form/useFormField.ts b/apps/www/src/lib/registry/new-york/ui/form/useFormField.ts index 2da133b8b..ed30a8a3c 100644 --- a/apps/www/src/lib/registry/new-york/ui/form/useFormField.ts +++ b/apps/www/src/lib/registry/new-york/ui/form/useFormField.ts @@ -5,12 +5,6 @@ import { FORM_ITEM_INJECTION_KEY } from './injectionKeys' export function useFormField() { const fieldContext = inject(FieldContextKey) const fieldItemContext = inject(FORM_ITEM_INJECTION_KEY) - const fieldState = { - valid: useIsFieldValid(), - isDirty: useIsFieldDirty(), - isTouched: useIsFieldTouched(), - error: useFieldError(), - } if (!fieldContext) throw new Error('useFormField should be used within ') @@ -18,6 +12,13 @@ export function useFormField() { const { name } = fieldContext const id = fieldItemContext + const fieldState = { + valid: useIsFieldValid(name), + isDirty: useIsFieldDirty(name), + isTouched: useIsFieldTouched(name), + error: useFieldError(name), + } + return { id, name,