ComponentPage() — ui Function Reference

Architecture documentation for the ComponentPage() function in page.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ ComponentPage() — ui Function Reference

Dependency Diagram

graph TD
  207bf9a4_1aca_9a1b_b838_b0a5dc505b8b["ComponentPage()"]
  fa144d0d_7b0c_388b_98f2_a67bcb5abcee["page.tsx"]
  207bf9a4_1aca_9a1b_b838_b0a5dc505b8b -->|defined in| fa144d0d_7b0c_388b_98f2_a67bcb5abcee
  style 207bf9a4_1aca_9a1b_b838_b0a5dc505b8b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(internal)/sink/[name]/page.tsx lines 35–54

export default async function ComponentPage({
  params,
}: {
  params: Promise<{ name: string }>
}) {
  const { name } = await params
  const component = componentRegistry[name as keyof typeof componentRegistry]

  if (!component) {
    notFound()
  }

  const Component = component.component

  return (
    <div className="p-6">
      <Component />
    </div>
  )
}