From 1f7f2b27032df852e7f5c2e72cf2a401ee568a93 Mon Sep 17 00:00:00 2001
From: D V <77478658+DarhkVoyd@users.noreply.github.com>
Date: Thu, 14 Sep 2023 13:41:57 +0530
Subject: [PATCH] [Autocomplete][base-ui] Added ref to getInputProps return
 value (#38919)

---
 .../autocomplete/AutocompleteIntroduction/system/index.js     | 1 -
 .../autocomplete/AutocompleteIntroduction/system/index.tsx    | 1 -
 .../autocomplete/AutocompleteIntroduction/tailwind/index.js   | 1 -
 .../autocomplete/AutocompleteIntroduction/tailwind/index.tsx  | 1 -
 docs/pages/base-ui/api/use-autocomplete.json                  | 4 ++--
 packages/mui-base/src/useAutocomplete/useAutocomplete.d.ts    | 4 +++-
 6 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.js b/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.js
index 73c984e5efc078..47593a14592705 100644
--- a/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.js
+++ b/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.js
@@ -48,7 +48,6 @@ const Autocomplete = React.forwardRef(function Autocomplete(props, ref) {
       >
         <StyledInput
           id={id}
-          ref={setAnchorEl}
           disabled={disabled}
           readOnly={readOnly}
           {...getInputProps()}
diff --git a/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.tsx b/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.tsx
index 394748ee3e017d..32447970f4c752 100644
--- a/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.tsx
+++ b/docs/data/base/components/autocomplete/AutocompleteIntroduction/system/index.tsx
@@ -50,7 +50,6 @@ const Autocomplete = React.forwardRef(function Autocomplete(
       >
         <StyledInput
           id={id}
-          ref={setAnchorEl}
           disabled={disabled}
           readOnly={readOnly}
           {...getInputProps()}
diff --git a/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.js b/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.js
index 9aad7a1aca62f8..d80f7a1d5c54f7 100644
--- a/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.js
+++ b/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.js
@@ -56,7 +56,6 @@ const Autocomplete = React.forwardRef(function Autocomplete(props, ref) {
       >
         <input
           id={id}
-          ref={setAnchorEl}
           disabled={disabled}
           readOnly={readOnly}
           {...getInputProps()}
diff --git a/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.tsx b/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.tsx
index a44e5961d6195f..bb3f5d16d9cbaf 100644
--- a/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.tsx
+++ b/docs/data/base/components/autocomplete/AutocompleteIntroduction/tailwind/index.tsx
@@ -58,7 +58,6 @@ const Autocomplete = React.forwardRef(function Autocomplete(
       >
         <input
           id={id}
-          ref={setAnchorEl}
           disabled={disabled}
           readOnly={readOnly}
           {...getInputProps()}
diff --git a/docs/pages/base-ui/api/use-autocomplete.json b/docs/pages/base-ui/api/use-autocomplete.json
index cae225680d43be..a3318526993125 100644
--- a/docs/pages/base-ui/api/use-autocomplete.json
+++ b/docs/pages/base-ui/api/use-autocomplete.json
@@ -177,8 +177,8 @@
     },
     "getInputProps": {
       "type": {
-        "name": "() =&gt; React.InputHTMLAttributes&lt;HTMLInputElement&gt;",
-        "description": "() =&gt; React.InputHTMLAttributes&lt;HTMLInputElement&gt;"
+        "name": "() =&gt; React.InputHTMLAttributes&lt;HTMLInputElement&gt; &amp; {\n  ref: React.Ref&lt;HTMLInputElement&gt;\n}",
+        "description": "() =&gt; React.InputHTMLAttributes&lt;HTMLInputElement&gt; &amp; {\n  ref: React.Ref&lt;HTMLInputElement&gt;\n}"
       },
       "required": true
     },
diff --git a/packages/mui-base/src/useAutocomplete/useAutocomplete.d.ts b/packages/mui-base/src/useAutocomplete/useAutocomplete.d.ts
index a045d5e84ba799..5ea53004bb6eff 100644
--- a/packages/mui-base/src/useAutocomplete/useAutocomplete.d.ts
+++ b/packages/mui-base/src/useAutocomplete/useAutocomplete.d.ts
@@ -369,7 +369,9 @@ export interface UseAutocompleteReturnValue<
    * Resolver for the input element's props.
    * @returns props that should be spread on the input element
    */
-  getInputProps: () => React.InputHTMLAttributes<HTMLInputElement>;
+  getInputProps: () => React.InputHTMLAttributes<HTMLInputElement> & {
+    ref: React.Ref<HTMLInputElement>;
+  };
   /**
    * Resolver for the input label element's props.
    * @returns props that should be spread on the input label element