import '../example.css' ; import { useHelpers } from '@remirror/react' ; import { MarkdownEditor } from '@remirror/react-editors/markdown' ; function MarkdownPreview ( ) { const { getMarkdown } = useHelpers ( true ) ; return ( < pre > < code > { getMarkdown ( ) } < /code> < /pre>); } const Editor = ( ) => { return ( < MarkdownEditor placeholder = 'Start typing...' > < MarkdownPreview /> < /MarkdownEditor>); } ; export default Editor ;