Hello,

I have been reading the Next.js documentation for MDX and was wondering if I could change the source of the Markdown live with useState?

I want to see the changes I make with Markdown from the site itself instead of editing from the file/string.

I am using <MDXRemote> to render Markdown from server side props with the function await serialize(<markdown>); and it works, but I also want to serialize live from the component itself when I change the markdown via an input/textarea.

I am using the pages directory and not the app btw.