Textarea shrinks vertically, after resetting my form

After resetting the form, it appears to save the height from before it was reset. This is not desired in this case.

Before reset:

Then I add content and reset the form


After Refresh:


The behavior I am expecting after a reset of this form, is for the autosize-text-area's to return to the height of the placeholder text.

How can I achieve this behavior?

CSS:
```
.flex-text-area {
display: flex;
flex-direction: column;
}

input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
font: 1rem / 1.5 sans-serif;
display: block;
box-sizing: border-box;
width: 100%;
padding: 0.5rem 0.75rem;
}

input,
select,
.text-area-react {
border: 2px solid #333;
background-color: white;
border-radius: 0.25rem;
overflow-y: hidden
}
```

HTML inside of my return function to go to app.js:
```