A component to test suspense fallbacks.

Delay.tsx

import { ComponentType, lazy } from "react";

/**
 * A component to test suspense fallbacks.
 *
 * Wrap the children of your <Suspense> in <Delay>, and watch your beautiful fallback for 5 seconds.
 *
 * Don't use it in production.
 */
export const Delay = lazy(
  () =>
    new Promise<{ default: ComponentType<any> }>((res) =>
      setTimeout(() => res({ default: ({ children }) => children }), 5000)
    )
);