Removing Portal from Dialog, Cause Dialog Title Required Always Appear

[Kisagi07]

I removed DialogPortal from dialog.tsx and replace it with div, the reason I did this is for isolation, since normally it will append to html body. Using custom portal container result in the same problem

doing this, when opening dialog it always console.error() :
DialogContent requires a DialogTitle for the component to be accessible for screen reader users.

If you want to hide the DialogTitle, you can wrap it with our VisuallyHidden component.

this is my use case

[Kisagi07]

The problem seems to be from the fact I deployed this react app using shadowDOM, and maybe since the inside functionality use document.get.... or something similiar, it does not get detected maybe?