Dialog height with a dynamic text area

[HemalR]

I am not sure if this is a bug or a user error on my part. If it is a bug, then let me know and I can open an issue instead.

Issue: When using a dynamic text area within a dialog (I'm using react-textarea-autosize), the headless UI Dialog component reverts to a minimum size instead of the dynamic one. I believe this is a headless UI issue as I tried to recreate it using the modal component from React Semantic UI and a quick hand-made modal component, and in both those cases, the issue was not present.

Other quirks:

1. If the dialog state is open when the page loads, then the size is calculated correctly (you can see this in the code sandbox example below by toggling the initial open state). The issue only happens when the dialog is triggered open.
2. When closing the dialog, the height 'flashes' to the correct height before closing. Not sue what is causing this but may be related to the root cause of the issue? I can create a screencast of this interaction if it would help.

Code sandbox of the issue:
https://codesandbox.io/s/react-tailwind-starter-forked-y0e82k?file=/src/App.js

Please advise if I am making any errors.

Thanks!