Function Layout

apps/docs/src/pages/[[...markdownPath]].js:7–18

({ content, toc, meta })

import { join } from 'path'

export default function Layout({ content, toc, meta }) {
  const parsedContent = useMemo(() => JSON.parse(content, reviveNodeOnClient), [content])
  const parsedToc = useMemo(() => JSON.parse(toc, reviveNodeOnClient), [toc])

  return (
    <Page toc={parsedToc}>
      <MarkdownPage meta={meta} toc={parsedToc}>
        {parsedContent}
      </MarkdownPage>
    </Page>
  )
}

// Deserialize a client React tree from JSON.
function reviveNodeOnClient(key, val) {