Skip to content

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.

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.