JSFiddle - React, Tailwind, and code Playground

HTML

<textarea id="name" class="myTextArea"></textarea>
<textarea id="customerstype" class="myTextArea"></textarea>
<textarea id="parent" class="myTextArea"></textarea>
<textarea id="hierarchy" class="myTextArea"></textarea>
<textarea id="status" class="myTextArea"></textarea>

JavaScript

let o = document.getElementsByClassName("myTextArea");
for(var ele in o){
	o[ele].style.height = (o.scrollHeight - 10)+"px";
}