static-cms/src/components/Widgets/MarkdownPreview.js

import React, { PropTypes } from 'react';
import CommonMark from 'commonmark';
import ReactRenderer from 'commonmark-react-renderer';

const parser = new CommonMark.Parser();
const renderer = new ReactRenderer();

export default class MarkdownPreview extends React.Component {
  render() {
    const { value } = this.props;
    if (value == null) { return null; }

    const ast = parser.parse(value);
    return React.createElement.apply(React, ['div', {}].concat(renderer.render(ast)));
  }
}

MarkdownPreview.propTypes = {
  value: PropTypes.node,
};