# All files / src/suspense NullSuspense.tsx

0% Statements 0/39
0% Branches 0/1
0% Functions 0/1
0% Lines 0/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
    40

     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>;
    }