Generate markdown from react component

[hariria]

Summary

I wanted to ask if there was a way to generate markdown from a React component.

Say for example I wanted to create a custom React component that would return a markdown string for a code snippet. After importing it, I'd like Nextra to then render the code snippet correctly. Is there a way to do such a thing?

Example

React

export function JSXCodeblock({ permalink }: RemoteCodeblockProps) {
  return '```bash filename="Terminal"' + "\nhello" + "```";
}

Markdown

import { JSXCodeblock } from '@components/index'

...

<JSXCodeblock />

Renders...