# All files / suspense NullSuspense.tsx

100% Statements 39/39
100% Branches 1/1
100% Functions 1/1
100% Lines 39/39

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    401x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
     import { Suspense, type ReactElement, type ReactNode } from "react";

    /**
     * @remarks \@since 6.0.0
     */
    export interface NullSuspenseProps {
      children: ReactNode;
    }

    /**
     * **Server Component**
     *
     * This is just a convenience component to set the `fallback` to `null`.
     *
     * @example
     * Simple Example
     * ```tsx
     * import { NullSuspense } from "@react-md/core";
     * import type { ReactElement } from "react";
     * import { lazy } from "react";
     *
     * const Component = lazy(() => import('./Some/Path/To/Component'));
     *
     * function Example() {
     *   return (
     *     <NullSuspense>
     *       <Component />
     *     </NullSuspense>
     *   );
     * }
     * ```
     *
     * @remarks \@since 6.0.0
     */
    export function NullSuspense(props: NullSuspenseProps): ReactElement {
      const { children } = props;

      return <Suspense fallback={null}>{children}</Suspense>;
    }