<CodeBlock /> with mermaid about docusaurus

[Its-Just-Nans]

@slorber More likely from value props : https://github.com/facebook/docusaurus/blob/c1ac06768bd3cb997c11931209a97e8c9574c11d/packages/docusaurus-theme-mermaid/src/theme/Mermaid/index.tsx#L43C10-L43C25

Made a PR for docs : #9816

[slorber]

Diagrams can be rendered using Mermaid in a code block.

This is written in the Markdown features section, which implicitly means "markdown code block", not <CodeBlock/>.

<CodeBlock> is a component to render a code block, which Mermaid diagrams are not, because we don't display a syntax highlighted version of the diagram spec, but the actual diagram instead.

The component you are looking for is more likely this one, which takes a diagram spec a children, and renders an actual diagram.

import Mermaid from '@theme/Mermaid';