Autosize Textarea Ref

1"use client";
2import React, { useState } from "react";
3import {
4  AutosizeTextarea,
5  AutosizeTextAreaRef,
6} from "@/components/ui/autosize-textarea";
7 
8const AutosizeTextareaWithRef = () => {
9  const ref = React.useRef<AutosizeTextAreaRef>(null);
10  const [currMaxHeight, setCurrMaxHeight] = useState(0);
11  React.useEffect(() => {
12    if (ref.current) {
13      setCurrMaxHeight(ref.current.maxHeight);
14    }
15  }, []);
16  return (
17    <div className="flex w-full flex-col gap-2 px-10">
18      <p>current max height from ref: {currMaxHeight}</p>
19      <AutosizeTextarea
20        ref={ref}
21        maxHeight={200}
22        placeholder="with ref example."
23      />
24    </div>
25  );
26};
27 
28export default AutosizeTextareaWithRef;