import mdProcessor, { parser as mdParser } from 'i18next-react-markdown';
 
const elements = {
  h1({ id, children }: Attributes) {
    return (
      <h1 id={id}>
        {children}
      </h1>
    );
  },
}
 
const components = {
  Card({ children }: Attributes) {
    return (
      <div class="card">
        {children}
      </div>
    );
  },
}
 
const mdProcessor = createProcessor({
  elements,
  components,
  marksyOptions: {} // additional marksy input after elements and components
  markedOptions: {}
});
 
i18n
  .use(mdProcessor)
  .init({
    // ...
    postProcess: ['react-markdown'],
    // ...
  })

import Editor from 'i18next-react-markdown/Editor';
 
return (
  <Editor elements={elements} components={components} />
)

import { parser as createMdParser } from 'i18next-react-markdown';
 
 
const mdParse = createMdParser(elements, components);