NoSsr API

API documentation for the React NoSsr component. Learn about the available props, and the CSS API.

Import

import NoSsr from '@material-ui/core/NoSsr';
// or
import { NoSsr } from '@material-ui/core';

You can 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

Name	Type	Default	Description
children	node		You can wrap a 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.

The component cannot hold a ref.

Demos

No Ssr