RootDocument() — ui Function Reference

Architecture documentation for the RootDocument() function in __root.tsx from the ui codebase.

Function tsx ComponentRegistry Styles

Entity Profile

ComponentRegistry→ Styles→ RootDocument() — ui Function Reference

Dependency Diagram

graph TD
  0fe1778a_8250_6db1_a245_67fb80e85a14["RootDocument()"]
  de18f8a3_55c5_29b1_39c7_54d678d74690["__root.tsx"]
  0fe1778a_8250_6db1_a245_67fb80e85a14 -->|defined in| de18f8a3_55c5_29b1_39c7_54d678d74690
  style 0fe1778a_8250_6db1_a245_67fb80e85a14 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

templates/start-app/src/routes/__root.tsx lines 32–55

function RootDocument({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <head>
        <HeadContent />
      </head>
      <body>
        {children}
        <TanStackDevtools
          config={{
            position: 'bottom-right',
          }}
          plugins={[
            {
              name: 'Tanstack Router',
              render: <TanStackRouterDevtoolsPanel />,
            },
          ]}
        />
        <Scripts />
      </body>
    </html>
  )
}