page.tsx — react Source File

Architecture documentation for page.tsx, a tsx file in the react codebase. 3 imports, 0 dependents.

File tsx PlaygroundApp Stores 3 imports 1 functions

Entity Profile

PlaygroundApp→ Stores→ page.tsx — react Source File

Dependency Diagram

graph LR
  aea9e403_bd5c_975e_c5c8_ef2ec5387324["page.tsx"]
  7c4241a6_c8c2_b6c6_2d03_ce418aa27394["index.ts"]
  aea9e403_bd5c_975e_c5c8_ef2ec5387324 --> 7c4241a6_c8c2_b6c6_2d03_ce418aa27394
  f9d1133a_53e5_153c_11b1_7ac96107f8d7["Message.tsx"]
  aea9e403_bd5c_975e_c5c8_ef2ec5387324 --> f9d1133a_53e5_153c_11b1_7ac96107f8d7
  1ed1c649_67da_f7f8_4ee7_8c4eb80405dd["notistack"]
  aea9e403_bd5c_975e_c5c8_ef2ec5387324 --> 1ed1c649_67da_f7f8_4ee7_8c4eb80405dd
  style aea9e403_bd5c_975e_c5c8_ef2ec5387324 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.
 */

'use client';

import {SnackbarProvider} from 'notistack';
import {Editor, Header, StoreProvider} from '../components';
import MessageSnackbar from '../components/Message';

export default function Page(): JSX.Element {
  return (
    <StoreProvider>
      <SnackbarProvider
        preventDuplicate
        maxSnack={10}
        Components={{message: MessageSnackbar}}>
        <Header />
        <Editor />
      </SnackbarProvider>
    </StoreProvider>
  );
}