rename ref to inputRef to avoid breaking change

reaviz · Aug 11, 2024 · 08b7a34 · 08b7a34
1 parent b3974e5
commit 08b7a34
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/src/form/Textarea/Textarea.tsx b/src/form/Textarea/Textarea.tsx
@@ -73,22 +73,22 @@ export const Textarea = forwardRef<TextAreaRef, TextareaProps>(
       theme: customTheme,
       ...rest
     },
-    ref
+    inputRef
   ) => {
     const containerRef = useRef<HTMLDivElement | null>(null);
-    const inputRef = useRef<HTMLTextAreaElement | null>(null);
+    const textareaRef = useRef<HTMLTextAreaElement | null>(null);
 
-    useImperativeHandle(ref, () => ({
-      inputRef,
+    useImperativeHandle(inputRef, () => ({
+      textareaRef,
       containerRef,
-      blur: () => inputRef.current?.blur(),
-      focus: () => inputRef.current?.focus()
+      blur: () => textareaRef.current?.blur(),
+      focus: () => textareaRef.current?.focus()
     }));
 
     useLayoutEffect(() => {
       if (autoFocus) {
         // Small timeout for page loading
-        requestAnimationFrame(() => inputRef.current?.focus());
+        requestAnimationFrame(() => textareaRef.current?.focus());
       }
     }, [autoFocus]);
 
@@ -105,7 +105,7 @@ export const Textarea = forwardRef<TextAreaRef, TextareaProps>(
         ref={containerRef}
       >
         <TextareaAutosize
-          ref={inputRef}
+          ref={textareaRef}
           className={twMerge(
             theme.input,
             fullWidth && theme.fullWidth,