Skip to content

No SSR

The No-SSR component defers the rendering of children components from the server to the client.

NoSsr API

Import

import NoSsr from '@mui/base/NoSsr';
// or
import { NoSsr } from '@mui/base';
You can learn about the difference by reading this guide on minimizing bundle size.

Props

NameTypeDefaultDescription
childrennode
You can wrap a node.
deferboolfalse
If true, the component will not only prevent server-side rendering. It will also defer the rendering of the children into a different screen frame.
fallbacknodenull
The fallback content to display.

The component cannot hold a ref.