Skip to content

Admonitions with backticks elicit <mdxAdmonitionTitle /> warnings #8233

@SheetJSDev

Description

@SheetJSDev

Have you 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

An admonition with backticks generates a warning e.g.

:::info Something `with` backticks

will elicit a warning

:::

Console warning:

Warning: The tag <mdxAdmonitionTitle> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.
    at mdxAdmonitionTitle
    at eval (webpack-internal:///./node_modules/@mdx-js/react/dist/esm.js:154:30)
    at div
    at div
...

It does display what you would expect:

docusaurus-backticks

Reproducible demo

No response

Steps to reproduce

Create a blank site (or use docusaurus.new)

Add the following to /docs/intro.md:

:::info Something `with` backticks

will elicit a warning

:::

Load the intro page

Expected behavior

No warning

Actual behavior

warning (see description)

Your environment

Affects docusaurus.new CSB site on 2022-10-20 19:52 EDT

Self-service

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugAn error in the Docusaurus core causing instability or issues with its executiondomain: markdownRelated to Markdown parsing or syntax

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions