Portal

The Portal component lets you render its children into a DOM node that exists outside of the Portal's own DOM hierarchy.

Portal API

import { Portal } from '@mui/base/Portal';
// or
import { Portal } from '@mui/base';

Name	Type	Default	Description
children	node	-	The children to render into the `container`.
container	HTML element \| func	-	An HTML element or function that returns one. The `container` will have the portal children appended to it. You can also provide a callback, which is called in a React layout effect. This lets you set the container from a ref, and also makes server-side rendering possible. By default, it uses the body of the top-level document object, so it's simply `document.body` most of the time.
disablePortal	bool	false	The `children` will be under the DOM hierarchy of the parent component.

The component cannot hold a ref.