NoSsr API

The API documentation of the NoSsr React component. Learn more about the properties and the CSS customization points.

import NoSsr from '@material-ui/core/NoSsr';

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

Name	Type	Default	Description
children *	node
defer	bool	false	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.
fallback	node	null	The fallback content to display.

Demos

• No Ssr