diff --git a/packages/@headlessui-react/src/components/field/field.tsx b/packages/@headlessui-react/src/components/field/field.tsx index 441841cb5d..ad91f2e99a 100644 --- a/packages/@headlessui-react/src/components/field/field.tsx +++ b/packages/@headlessui-react/src/components/field/field.tsx @@ -7,7 +7,7 @@ import { DisabledProvider, useDisabled } from '../../internal/disabled' import { FormFieldsProvider } from '../../internal/form-fields' import { IdProvider } from '../../internal/id' import type { Props } from '../../types' -import { forwardRefWithAs, useRender, type HasDisplayName } from '../../utils/render' +import { forwardRefWithAs, useRender, type HasDisplayName, type RefProp } from '../../utils/render' import { useDescriptions } from '../description/description' import { useLabels } from '../label/label' @@ -76,7 +76,9 @@ function FieldFn( } export interface _internal_ComponentField extends HasDisplayName { - (props: FieldProps): React.JSX.Element + ( + props: FieldProps & RefProp + ): React.JSX.Element } export let Field = forwardRefWithAs(FieldFn) as _internal_ComponentField diff --git a/packages/@headlessui-react/src/components/fieldset/fieldset.tsx b/packages/@headlessui-react/src/components/fieldset/fieldset.tsx index 9e186f061a..a02e672df6 100644 --- a/packages/@headlessui-react/src/components/fieldset/fieldset.tsx +++ b/packages/@headlessui-react/src/components/fieldset/fieldset.tsx @@ -6,7 +6,7 @@ import { useSlot } from '../../hooks/use-slot' import { useSyncRefs } from '../../hooks/use-sync-refs' import { DisabledProvider, useDisabled } from '../../internal/disabled' import type { Props } from '../../types' -import { forwardRefWithAs, useRender, type HasDisplayName } from '../../utils/render' +import { forwardRefWithAs, useRender, type HasDisplayName, type RefProp } from '../../utils/render' import { useLabels } from '../label/label' let DEFAULT_FIELDSET_TAG = 'fieldset' as const @@ -70,7 +70,7 @@ function FieldsetFn( export interface _internal_ComponentFieldset extends HasDisplayName { ( - props: FieldsetProps + props: FieldsetProps & RefProp ): React.JSX.Element } diff --git a/packages/@headlessui-react/src/components/legend/legend.tsx b/packages/@headlessui-react/src/components/legend/legend.tsx index dbde385d64..603f49c126 100644 --- a/packages/@headlessui-react/src/components/legend/legend.tsx +++ b/packages/@headlessui-react/src/components/legend/legend.tsx @@ -2,7 +2,7 @@ import React, { type ElementType, type Ref } from 'react' import type { Props } from '../../types' -import { forwardRefWithAs, type HasDisplayName } from '../../utils/render' +import { forwardRefWithAs, type HasDisplayName, type RefProp } from '../../utils/render' import { Label } from '../label/label' let DEFAULT_LEGEND_TAG = Label @@ -29,7 +29,7 @@ function LegendFn( export interface _internal_ComponentLegend extends HasDisplayName { ( - props: LegendProps + props: LegendProps & RefProp ): React.JSX.Element }