'How to render JSX components in MDX in Remix

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
<LoginButton/>


Solution 1:[1]

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

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Kenneth Van den Berghe