From a3585cc7b252ff70fb016b57822559998157b58f Mon Sep 17 00:00:00 2001
From: Kevin Ghadyani <kevin.ghadyani@okta.com>
Date: Mon, 17 Apr 2023 13:41:11 -0500
Subject: [PATCH] fix: export types for Autocomplete

---
 .../odyssey-react-mui/src/Autocomplete.tsx    | 28 ++++++++-----------
 1 file changed, 12 insertions(+), 16 deletions(-)

diff --git a/packages/odyssey-react-mui/src/Autocomplete.tsx b/packages/odyssey-react-mui/src/Autocomplete.tsx
index fc1acf0849..84827ba2fe 100644
--- a/packages/odyssey-react-mui/src/Autocomplete.tsx
+++ b/packages/odyssey-react-mui/src/Autocomplete.tsx
@@ -19,24 +19,23 @@ import { memo, useCallback } from "react";
 
 import { Field } from "./Field";
 
+declare module "react" {
+  // augment React types
+  function memo<A, B>(
+    Component: (props: A) => B
+  ): (props: A) => ReactElement | null;
+  // return type is same as ReturnType<ExoticComponent<any>>
+}
+
 export type AutocompleteProps<OptionType> = {
   isDisabled?: boolean;
   hint?: string;
   label: string;
-  onChange?: MuiAutocompleteProps<OptionType, undefined, undefined, undefined>;
-  options: OptionType[];
-  value?: OptionType | null;
+  onChange?: MuiAutocompleteProps<OptionType, false, false, false>["onChange"];
+  options: MuiAutocompleteProps<OptionType, false, false, false>["options"];
+  value?: MuiAutocompleteProps<OptionType, false, false, false>["value"];
 };
 
-// <TextField
-//   {...params}
-//   endAdornment={params.InputProps.endAdornment}
-//   hint={hint}
-//   label={label}
-//   ref={params.InputProps.ref}
-//   startAdornment={params.InputProps.startAdornment}
-// />
-
 const Autocomplete = <OptionType,>({
   isDisabled,
   hint,
@@ -50,7 +49,6 @@ const Autocomplete = <OptionType,>({
       <Field
         hasVisibleLabel
         hint={hint}
-        // id={params.InputLabelProps.id} // Pretty sure this is unnecessary -Kevin
         label={label}
         renderFieldComponent={({ ariaDescribedBy, id }) => (
           <InputBase
@@ -68,8 +66,6 @@ const Autocomplete = <OptionType,>({
   return (
     <MuiAutocomplete
       disabled={isDisabled}
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      /* @ts-ignore TEMP */ // PLEASE REMOVE once we figure out the correct type.
       onChange={onChange}
       options={options}
       renderInput={renderInput}
@@ -78,6 +74,6 @@ const Autocomplete = <OptionType,>({
   );
 };
 
-const MemoizedAutocomplete = memo(Autocomplete);
+const MemoizedAutocomplete = memo(Autocomplete) as typeof Autocomplete;
 
 export { MemoizedAutocomplete as Autocomplete };