layout.tsx — react Source File

Architecture documentation for layout.tsx, a tsx file in the react codebase. 1 imports, 0 dependents.

File tsx PlaygroundApp Stores 1 imports 1 functions

Entity Profile

PlaygroundApp→ Stores→ layout.tsx — react Source File

Dependency Diagram

graph LR
  34496400_fd7f_beaa_cb3f_410f76e05d48["layout.tsx"]
  48da8596_6175_3a55_9331_73b04ac077af["globals.css"]
  34496400_fd7f_beaa_cb3f_410f76e05d48 --> 48da8596_6175_3a55_9331_73b04ac077af
  style 34496400_fd7f_beaa_cb3f_410f76e05d48 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

import '../styles/globals.css';

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}): JSX.Element {
  'use no memo';
  return (
    <html lang="en">
      <head>
        <title>
          {process.env.NODE_ENV === 'development'
            ? '[DEV] React Compiler Playground'
            : 'React Compiler Playground'}
        </title>
        <meta
          name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"></meta>
        <link rel="icon" href="/favicon.ico" />
        <link rel="manifest" href="/site.webmanifest" />
        <link
          rel="preload"
          href="/fonts/Source-Code-Pro-Regular.woff2"
          as="font"
          type="font/woff2"
          crossOrigin="anonymous"
        />
        <link
          rel="preload"
          href="/fonts/Optimistic_Display_W_Lt.woff2"
          as="font"
          type="font/woff2"
          crossOrigin="anonymous"
        />
      </head>
      <body className="font-sans h-screen overflow-y-hidden">{children}</body>
    </html>
  );
}