❌ Allow JSX elements just as you would HTML

Author: ticky

src/__fixtures__/components.js

@@ -82,6 +82,7 @@ export default [
       - bar
     anObject:
       foo: bar
+    NoReallyDontDoThis: !<tag:yaml.org,2002:js/function> "function(props) { return React.createElement('span', Object.assign({}, props), 'Please don\\\\'t do this.'); }"
     ---
     # Markdown template with imports, static attributes and interpolations
 
@@ -93,6 +94,10 @@ export default [
 
     We're also adding a react component here: {{<Bar {...bugs} style={{ foo: 'bar' }} />}}
 
+    <MarkdownComponent.NoReallyDontDoThis style={{ fontWeight: 'bold' }}></MarkdownComponent.NoReallyDontDoThis>
+
+    <MarkdownComponent.NoReallyDontDoThis style={{ fontStyle: 'italic' }} />
+
     Another cool thing you can do is use JSX **directly** - here’s an SVG element, used inline: {{ <svg style={{ display: 'inline', height: '1em' }} viewBox="0 0 304 290"><path fill="none" stroke="currentColor" strokeWidth="16" d="M2,111 h300 l-242.7,176.3 92.7,-285.3 92.7,285.3 z" /></svg> }}.
     `,