How to render JSX components in MDX in Remix

Question

I am trying to build a blog using Remix and have my posts in MDX format, how can I render JSX components in my MDX For example:

import LoginButton from '../../components/LoginButton.jsx'
# JSX Component rendered below

user_4840789 · Answer

Example to be found in the docs: https://remix.run/docs/en/v1/guides/mdx#routes