When consuming the component, you will likely encounter the following 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.
However, we are including the DialogTitle component. Radix can't find it due to using document.getElementById, which cannot find the element due to it being inside the shadow dom. This means that accessibility is good, but the checks for whether it is are not.
If desired, you can hide this error by patching the @radix-ui/react-dialog package.
References: