vercel/next.js / layout.js

layout.js27 lines652 B
import { Suspense } from 'react'

import { LayoutSentinel } from './getSentinelValue'

export default async function Layout({ children }) {
  return (
    <html lang="en">
      <head>
        <title>app-dynamic-data</title>
      </head>
      <body>
        <p>
          This test fixture helps us assert that accessing dynamic data in
          various scopes and with various `dynamic` configurations works as
          intended
        </p>
        <main>
          <LayoutSentinel />
          <Suspense fallback={<div id="boundary">loading...</div>}>
            {children}
          </Suspense>
        </main>
      </body>
    </html>
  )
}