diff --git a/packages/@headlessui-react/src/components/input/input.tsx b/packages/@headlessui-react/src/components/input/input.tsx
index d2f8f0f986..f42634e0c1 100644
--- a/packages/@headlessui-react/src/components/input/input.tsx
+++ b/packages/@headlessui-react/src/components/input/input.tsx
@@ -7,7 +7,13 @@ import { useId } from '../../hooks/use-id'
 import { useDisabled } from '../../internal/disabled'
 import { useProvidedId } from '../../internal/id'
 import type { Props } from '../../types'
-import { forwardRefWithAs, mergeProps, render, type HasDisplayName } from '../../utils/render'
+import {
+  forwardRefWithAs,
+  mergeProps,
+  render,
+  type HasDisplayName,
+  type RefProp,
+} from '../../utils/render'
 import { useDescribedBy } from '../description/description'
 import { useLabelledBy } from '../label/label'
 
@@ -91,7 +97,9 @@ function InputFn<TTag extends ElementType = typeof DEFAULT_INPUT_TAG>(
 }
 
 export interface _internal_ComponentInput extends HasDisplayName {
-  <TTag extends ElementType = typeof DEFAULT_INPUT_TAG>(props: InputProps<TTag>): JSX.Element
+  <TTag extends ElementType = typeof DEFAULT_INPUT_TAG>(
+    props: InputProps<TTag> & RefProp<typeof InputFn>
+  ): JSX.Element
 }
 
 export let Input = forwardRefWithAs(InputFn) as unknown as _internal_ComponentInput
diff --git a/packages/@headlessui-react/src/components/select/select.tsx b/packages/@headlessui-react/src/components/select/select.tsx
index ad15e3f28d..3b83496c20 100644
--- a/packages/@headlessui-react/src/components/select/select.tsx
+++ b/packages/@headlessui-react/src/components/select/select.tsx
@@ -8,7 +8,13 @@ import { useId } from '../../hooks/use-id'
 import { useDisabled } from '../../internal/disabled'
 import { useProvidedId } from '../../internal/id'
 import type { Props } from '../../types'
-import { forwardRefWithAs, mergeProps, render, type HasDisplayName } from '../../utils/render'
+import {
+  forwardRefWithAs,
+  mergeProps,
+  render,
+  type HasDisplayName,
+  type RefProp,
+} from '../../utils/render'
 import { useDescribedBy } from '../description/description'
 import { useLabelledBy } from '../label/label'
 
@@ -93,7 +99,9 @@ function SelectFn<TTag extends ElementType = typeof DEFAULT_SELECT_TAG>(
 }
 
 export interface _internal_ComponentSelect extends HasDisplayName {
-  <TTag extends ElementType = typeof DEFAULT_SELECT_TAG>(props: SelectProps<TTag>): JSX.Element
+  <TTag extends ElementType = typeof DEFAULT_SELECT_TAG>(
+    props: SelectProps<TTag> & RefProp<typeof SelectFn>
+  ): JSX.Element
 }
 
 export let Select = forwardRefWithAs(SelectFn) as unknown as _internal_ComponentSelect
diff --git a/packages/@headlessui-react/src/components/textarea/textarea.tsx b/packages/@headlessui-react/src/components/textarea/textarea.tsx
index 9dedaa2e7f..13ac8b0161 100644
--- a/packages/@headlessui-react/src/components/textarea/textarea.tsx
+++ b/packages/@headlessui-react/src/components/textarea/textarea.tsx
@@ -7,7 +7,13 @@ import { useId } from '../../hooks/use-id'
 import { useDisabled } from '../../internal/disabled'
 import { useProvidedId } from '../../internal/id'
 import type { Props } from '../../types'
-import { forwardRefWithAs, mergeProps, render, type HasDisplayName } from '../../utils/render'
+import {
+  forwardRefWithAs,
+  mergeProps,
+  render,
+  type HasDisplayName,
+  type RefProp,
+} from '../../utils/render'
 import { useDescribedBy } from '../description/description'
 import { useLabelledBy } from '../label/label'
 
@@ -88,7 +94,9 @@ function TextareaFn<TTag extends ElementType = typeof DEFAULT_TEXTAREA_TAG>(
 }
 
 export interface _internal_ComponentTextarea extends HasDisplayName {
-  <TTag extends ElementType = typeof DEFAULT_TEXTAREA_TAG>(props: TextareaProps<TTag>): JSX.Element
+  <TTag extends ElementType = typeof DEFAULT_TEXTAREA_TAG>(
+    props: TextareaProps<TTag> & RefProp<typeof TextareaFn>
+  ): JSX.Element
 }
 
 export let Textarea = forwardRefWithAs(TextareaFn) as unknown as _internal_ComponentTextarea