vercel/next.js / layout.js

layout.js29 lines658 B
'use client'

import { useState, Suspense } from 'react'
import { notFound } from 'next/navigation'
import NotFoundTrigger from './not-found-trigger'

export default function Root({ children }) {
  const [clicked, setClicked] = useState(false)
  if (clicked) {
    notFound()
  }

  return (
    <html className="root-layout-html">
      <body>
        <Suspense fallback={<div>Loading...</div>}>
          <NotFoundTrigger />
        </Suspense>
        <button id="trigger-not-found" onClick={() => setClicked(true)}>
          Click to not found
        </button>
        {children}
      </body>
    </html>
  )
}

export const dynamic = 'force-dynamic'