fix(select): 🩹 update fork ref declaration

Author: navin-moorthy

src/select/SelectProps.tsx

@@ -69,14 +69,6 @@ export const useSelectProps = ({
   const selectInlineStyles = React.useRef<Record<string, any>>({});
   let prefixRef = React.useRef<HTMLElement>(null);
   let suffixRef = React.useRef<HTMLElement>(null);
-  prefixRef = useForkRef(
-    prefixRef,
-    componentProps?.prefixProps?.ref,
-  ) as unknown as React.RefObject<HTMLElement>;
-  suffixRef = useForkRef(
-    suffixRef,
-    componentProps?.suffixProps?.ref,
-  ) as unknown as React.RefObject<HTMLElement>;
 
   useSafeLayoutEffect(() => {
     let key = "";
@@ -124,26 +116,34 @@ export const useSelectProps = ({
     [componentProps.baseProps, disabled, finalChildren, restProps, uiProps],
   );
 
+  const _prefixRef = useForkRef(
+    prefixRef,
+    componentProps?.prefixProps?.ref,
+  ) as unknown as React.RefObject<HTMLElement>;
   const prefixProps: SelectPrefixProps = React.useMemo(
     () => ({
       ...uiProps,
       disabled,
       ...componentProps.prefixProps,
-      ref: prefixRef,
+      ref: _prefixRef,
       children: withIconA11y(uiProps.prefix, uiProps),
     }),
-    [componentProps.prefixProps, disabled, uiProps],
+    [_prefixRef, componentProps.prefixProps, disabled, uiProps],
   );
 
+  const _suffixRef = useForkRef(
+    suffixRef,
+    componentProps?.suffixProps?.ref,
+  ) as unknown as React.RefObject<HTMLElement>;
   const suffixProps: SelectSuffixProps = React.useMemo(
     () => ({
       ...uiProps,
       disabled,
       ...componentProps.suffixProps,
-      ref: suffixRef,
+      ref: _suffixRef,
       children: uiProps.suffix,
     }),
-    [componentProps.suffixProps, disabled, uiProps],
+    [_suffixRef, componentProps.suffixProps, disabled, uiProps],
   );
   return {
     uiProps,