supabase/apps/www/layouts/Layout.tsx

import { MDXProvider } from '@mdx-js/react'
import { NextSeo } from 'next-seo'
import DefaultLayout from '~/components/Layouts/Default'
import mdxComponents from '~/lib/mdx/mdxComponents'

export default function ContentsLayout({ context, meta }: any) {
  return (
    <DefaultLayout>
      <NextSeo {...meta} />
      <MDXProvider components={mdxComponents()}>
        <div className="prose max-w-none">{context.children}</div>
      </MDXProvider>
    </DefaultLayout>
  )
}