Admonitions in MDX "partials" are not rendered properly

[cemerick]

Have you read the Contributing Guidelines on issues?

• I have read the Contributing Guidelines on issues.

Prerequisites

• I'm using the latest version of Docusaurus.
• I have tried the npm run clear or yarn clear command.
• I have tried rm -rf node_modules yarn.lock package-lock.json and re-installing packages.
• I have tried creating a repro with https://new.docusaurus.io.
• I have read the console error message carefully (if applicable).

Description

When using an MDX partial (e.g. _markdown-include.mdx) that contains an MDX admonition:

:::info[Broken admonition]

This admonition isn't rendered properly.

:::

import Admonition from '@theme/Admonition';

<Admonition type="info">
  <p>This admonition looks as expected.</p>
</Admonition>

The MDX-style admonition is not rendered properly (whereas the JSX one is).

Codesandbox URL below :-)

Reproducible demo

https://codesandbox.io/p/sandbox/cocky-jackson-ny6mjg

Steps to reproduce

1. Put an MDX-formatted admonition in an MDX file
2. Import that file as a "partial"
3. Include the partial in some JSX page

Expected behavior

For the MDX-format admonition to appear with styling/icon/header as it would if the MDX file were visited directly.

Actual behavior

The body of admonition is shown plainly, and the markup usually associated with an admonition is basically missing. What does come out is an HTML transliteration of JSX admonitions:

<admonition title="..." type="..."> ...body... </admonition>

Your environment

No response

Self-service

• I'd be willing to fix this bug myself.

[hunxjunedo]

@slorber let me investigate and work on this, kindly assign.

[slorber]

We don't assign issues here

If you have a solution to solve this bug, please submit a PR directly

I've checked the bug a few days ago and could reproduce. Didn't really understand why this happens, but it's definitively a bug to fix.

[Josh-Cena]

The issue is that we use MDXComponents to map <admonition> to @theme/Admonition, but this mapping is absent for the fallback loader, I think.

[slorber]

I don't think that's the problem, MDXProvider is applied at the top of the page so anything imported from it should benefit from the provider.

Also, the partial is in the pages folder so the same remark plugins should apply to both the page and the partial. The partial shouldn't use our fallback loader.

Will need to debug this to figure out what is happening exactly 😅