You're building a modal dialog system for a web application. Which advanced React pattern would be best suited to render the modal outside the app's main DOM hierarchy, but control it from within a component?

In this scenario, the most suitable advanced React pattern would be Portals. Portals allow you to render a component outside the normal DOM hierarchy while maintaining control over it from within a component. This is especially useful for scenarios like modals, tooltips, or popovers that need to be rendered outside the parent DOM tree. Context API, Render Props, and Redux are useful in different contexts but not specifically designed for this scenario.