Tengo este componente React, que hace crecer con éxito el área de texto.

 .textarea { resize: none; overflow: hidden; box-sizing: border-box; } export default function Textarea({ className, onChange, defaultValue, ...attrs }) { const handleInput = (e) => { const h = e.target.scrollHeight e.target.style.height = '0px' e.target.style.height = `${h}px` onChange?.(e) } return ( <textarea {...attrs} defaultValue={defaultValue} onInput={handleInput} className={styles.textarea} /> ) }

Sin embargo, ¿cómo hago para que se encoja , solo crece ?