@material-ui/unstyled/NoSsr/NoSsr.d.ts

Unstyled React components with which to implement custom design systems.

import * as React from 'react';

export interface NoSsrProps {
  /**
   * You can wrap a node.
   */
  children?: React.ReactNode;
  /**
   * 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.
   * @default false
   */
  defer?: boolean;
  /**
   * The fallback content to display.
   * @default null
   */
  fallback?: React.ReactNode;
}

/**
 * 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.
 *
 * Demos:
 *
 * - [No Ssr](https://material-ui.com/components/no-ssr/)
 *
 * API:
 *
 * - [NoSsr API](https://material-ui.com/api/no-ssr/)
 */
export default function NoSsr(props: NoSsrProps): JSX.Element;