Question/Feature Request? Using components in the middle of markdown text?

[adueck]

Is it possible to use an imported component in the middle of say, a markdown paragraph?

For example, let's say I wanted to make a component like this

import React from 'react'

const MultiLing = ({word}) => (
    <strong>{word.a} - {word.b}</strong>
)

export default MultiLing

And then I wanted to use it in an .mdx file like this

import MultiLing from "../components/multi-ling.js"

## Heading 

This is a paragraph and I will put my special <MultiLing word={{a: "word", b: "Wort"}} /> here.  

When it's in the middle of markdown text, the component doesn't get rendered. But it would be super awesome if it could. 🤔

[johno]

This should be supported in v1. Do you happen to be on an older version of MDX?

Read the migration guide

---

[adueck]

Oops, I just realized I was using this starter package which updated to version 1 recently, and I hadn't updated yet. Thanks and sorry!

[johno]

No worries, glad it's working!

[adueck]

So happy it is. 😄 You guys have created something wonderful. I was really happy to find that this exists after imagining writing a bunch of site content in markdown with interactive react components interspersed. 👏 Just what I needed!