react-suspense-nested-example.tsx

import * as React from 'react';

const App = () => (
  <main>
    <h1>My App</h1>
    <React.Suspense fallback={<LoadingSpinner />}>
      <Page />
      <React.Suspense fallback={<MiniSpinner />}>
        <PageMetadata />
      </React.Suspense>
    </React.Suspense>
  </main>
);