How to Succeed

Bake-in SRT Captions into Videos Using ffmpeg


MDX on GatsbyJS nests JSX components in paragraph tags which can produce invalid HTML so you end up with invalid HTML resembling:

````html
<p>
    <div class="jsx-component">...</div>
</p>
````

When using Markdown tables, it can also leave extra whitespace that can produce HTML syntax warnings. Not showstopping, but annoying all the same.

Create this plugin in your `./plugins` directory and add it to the end of your `gatsbyRemarkPlugins` in `gatsby-config.js`.

https://gist.github.com/solace/c5321b66ef8afabd6f0fdf67055aabc8

MDX wraps components with paragraph tags and can add extra whitespace in tables which produce invalid HTML. This GatsbyJS plugin cleans up the markup.