examples/with-mdx/src/routes/__layout.tsx

import type { ReactNode, JSX } from 'react'
import { MDXProvider } from '@mdx-js/react'
import { TuonoScripts } from 'tuono'

interface RootLayoutProps {
  children: ReactNode
}

export default function RootLayout({ children }: RootLayoutProps): JSX.Element {
  return (
    <html>
      <body>
        <main>
          <MDXProvider components={{}}>{children}</MDXProvider>
        </main>
        <TuonoScripts />
      </body>
    </html>
  )
}
refactor: use `React.JSX` rather than global `JSX` (#93 ) 2024-11-13 08:33:48 +01:00			`import type { ReactNode, JSX } from 'react'`
Add support for MDX (#17 ) 2024-07-22 07:59:43 +02:00			`import { MDXProvider } from '@mdx-js/react'`
fix: create a component tree that matches between client and server to avoid `useId` output mismatch (#371 ) 2025-01-19 16:23:30 +01:00			`import { TuonoScripts } from 'tuono'`
Add support for MDX (#17 ) 2024-07-22 07:59:43 +02:00
feat(packages/tuono-(router\|fs-router-vite-plugin)): replace `__route` with `__layout` (#283 ) 2025-01-03 17:08:18 +01:00			`interface RootLayoutProps {`
Add support for MDX (#17 ) 2024-07-22 07:59:43 +02:00			`children: ReactNode`
			`}`

feat(packages/tuono-(router\|fs-router-vite-plugin)): replace `__route` with `__layout` (#283 ) 2025-01-03 17:08:18 +01:00			`export default function RootLayout({ children }: RootLayoutProps): JSX.Element {`
Add support for MDX (#17 ) 2024-07-22 07:59:43 +02:00			`return (`
feat: add support for react 19 (#264 ) 2025-01-03 11:00:44 +01:00			`<html>`
			`<body>`
			`<main>`
			`<MDXProvider components={{}}>{children}</MDXProvider>`
			`</main>`
fix: create a component tree that matches between client and server to avoid `useId` output mismatch (#371 ) 2025-01-19 16:23:30 +01:00			`<TuonoScripts />`
feat: add support for react 19 (#264 ) 2025-01-03 11:00:44 +01:00			`</body>`
			`</html>`
Add support for MDX (#17 ) 2024-07-22 07:59:43 +02:00			`)`
			`}`