page.js

import { bundleMDX } from "mdx-bundler";
import { getMDXComponent } from "mdx-bundler/client";
import React from "react";

export async function getServerSideProps() {
  const mdxSource = `
# Hello
~~~js
console.log(1);
~~~`;

  const mdxBundle = await bundleMDX(mdxSource);

  return { props: { mdxBundle } };
}

export default function Foo({ mdxBundle }) {
  const Component = getMDXComponent(mdxBundle.code);
  return <Component />;
}