JSFiddle - React, Tailwind, and code Playground

HTML

<textarea class="my-textarea" id="txtarea"></textarea>

CSS

.my-textarea {
    font-family: Arial,sans-serif;
    font-size: 13px;
    min-height: 50px;
    overflow: hidden;
    width: 500px;
}

JavaScript

$('textarea').keyup(function (e) {
    var rows = $(this).val().split("\n");
    $(this).prop('rows', rows.length +1);
});