JSFiddle - React, Tailwind, and code Playground

HTML

<textarea rows="1" cols="1" oninput="auto_grow(this)"></textarea>

CSS

textarea {
    resize: none;
    overflow: hidden;
    min-height: 30px;
    min-width: 30px;
    white-space: nowrap;
}

JavaScript

function auto_grow(element) {
    element.style.width = "auto";
    console.log(element.scrollHeight+", "+element.scrollWidth)
    element.style.width = (element.scrollWidth)+"px";
    
    element.style.height = "auto";
    console.log(element.scrollHeight+", "+element.scrollWidth)
    element.style.height = (element.scrollHeight)+"px";
}