vercel/next.js / layout.js

layout.js27 lines468 B
import { connection } from 'next/server'
import { Suspense } from 'react'

async function ForceDynamic({ children }) {
  await connection()
  return children
}

export default function Layout({ children }) {
  return (
    <Suspense
      fallback={
        <html>
          <body />
        </html>
      }
    >
      <ForceDynamic>
        <html>
          <head></head>
          <body>{children}</body>
        </html>
      </ForceDynamic>
    </Suspense>
  )
}