import { MDXRemote } from "next-mdx-remote/rsc";

export default async function RemoteMdxPage() {
// MDX text - can be from a local file, database, CMS, fetch, anywhere...
const res = await fetch("https://...");
const markdown = await res.text();
return <MDXRemote source={markdown} />;
}

[{
"resource": "/c:/Users/brian/Code/Active/nptechadvisor/app/my-mdx-page-remote/page.tsx",
"owner": "typescript",
"code": "2786",
"severity": 8,
"message": "'MDXRemote' cannot be used as a JSX component.\n Its return type 'Promise<ReactElement<any, string | JSXElementConstructor<any>>>' is not a valid JSX element.\n Type 'Promise<ReactElement<any, string | JSXElementConstructor<any>>>' is missing the following properties from type 'ReactElement<any, any>': type, props, key",
"source": "ts",
"startLineNumber": 7,
"startColumn": 11,
"endLineNumber": 7,
"endColumn": 20
}].