diff --git a/apps/client/src/common/components/input/auto-text-area/AutoTextArea.tsx b/apps/client/src/common/components/input/auto-text-area/AutoTextArea.tsx index 1e47b8a84..9fc23c8ed 100644 --- a/apps/client/src/common/components/input/auto-text-area/AutoTextArea.tsx +++ b/apps/client/src/common/components/input/auto-text-area/AutoTextArea.tsx @@ -1,27 +1,25 @@ -import { useEffect, useRef } from 'react'; +import { RefObject, useEffect } from 'react'; import { Textarea, TextareaProps } from '@chakra-ui/react'; // @ts-expect-error no types from library import autosize from 'autosize/dist/autosize'; -export const AutoTextArea = (props: TextareaProps) => { - const { value } = props; - - const ref = useRef(null); +export const AutoTextArea = (props: TextareaProps & { inputref: RefObject }) => { + const { value, inputref } = props; useEffect(() => { - const node = ref.current; - autosize(ref.current); + const node = inputref.current; + autosize(inputref.current); return () => { autosize.destroy(node); }; - }, [value]); + }, [inputref, value]); return (