NoSsr API
API reference docs for the React NoSsr component. Learn about the props, CSS, and other APIs of this exported module.
Demos
Import
import NoSsr from '@mui/material/NoSsr';
// or
import { NoSsr } from '@mui/material';Learn about the difference by reading this guide on minimizing bundle size.
NoSsr purposely removes components from the subject of Server Side Rendering (SSR).
This component can be useful in a variety of situations:
- Escape hatch for broken dependencies not supporting SSR.
- Improve the time-to-first paint on the client by only rendering above the fold.
- Reduce the rendering time on the server.
- Under too heavy server load, you can turn on service degradation.
| Name | Type | Default | Description |
|---|---|---|---|
| children | node | - | You can wrap a node. |
| defer | bool | false | If |
| fallback | node | null | The fallback content to display. |
The component cannot hold a ref.