import type { GetStaticProps } from 'next'
// @ts-ignore
import { MDXRemote } from 'next-mdx-remote/rsc'
import ExampleComponent from './example.mdx'


const components = { ExampleComponent }

export default async function ExamplePage() {
    return (
    <div>
      <MDXRemote
      source={`# Hello World

      This is from Server Components!
      `}
    />
    </div>
  )
}

// export const getStaticProps: GetStaticProps<{
//   mdxSource: MDXRemoteSerializeResult
// }> = async () => {
//   const mdxSource = await serialize('some *mdx* content: <ExampleComponent />')
//   return { props: { mdxSource } }}