Unable to use zenuml from mermaid

[davidolrik]

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

On a brand new installation of Docusaurus I wanted to create a sequence diagram using zenuml, which is part of mermaid since 10.2.3.

In order to add support for zenuml you have to install the support package @mermaid-js/mermaid-zenuml but unfortunately this package has conflicting dependencies with Docusaurus as seen here:

$ npm install --save @mermaid-js/mermaid-zenuml
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email protected]
npm WARN Found: [email protected]
npm WARN node_modules/react
npm WARN   peerOptional react@">= 16.8.0 < 19.0.0" from @docsearch/[email protected]
npm WARN   node_modules/@docsearch/react
npm WARN     @docsearch/react@"^3.5.2" from @docusaurus/[email protected]
npm WARN     node_modules/@docusaurus/theme-search-algolia
npm WARN   32 more (@docusaurus/core, @docusaurus/mdx-loader, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react@"^15.0.2 || ^16.0.0 || ^17.0.0" from [email protected]
npm WARN node_modules/@microlink/react-json-view/node_modules/flux
npm WARN   flux@"~4.0.1" from @microlink/[email protected]
npm WARN   node_modules/@microlink/react-json-view
npm WARN
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/react
npm WARN   peer react@"^15.0.2 || ^16.0.0 || ^17.0.0" from [email protected]
npm WARN   node_modules/@microlink/react-json-view/node_modules/flux
npm WARN     flux@"~4.0.1" from @microlink/[email protected]
npm WARN     node_modules/@microlink/react-json-view

Reproducible demo

No response

Steps to reproduce

1. npx create-docusaurus@latest docusaurus classic
2. cd docusaurus
3. npm install --save @docusaurus/theme-mermaid
4. npm install --save @mermaid-js/mermaid-zenuml

Expected behavior

@mermaid-js/mermaid-zenuml would install cleanly, so mermaid markdown blocks with zenuml would render.

Actual behavior

Unable to install @mermaid-js/mermaid-zenuml

Your environment

Docusaurus 3.0.0
Node.js v20.9.0
macOS 14.1 (23B74)

Self-service

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

[davidolrik]

It seems that the culprit is @docusaurus/plugin-debug which dependes on @microlink/react-json-view which has this dependency "flux": "~4.0.1" defined that does not support React 18.

[davidolrik]

More info here: mac-s-g/react-json-view#403

[Josh-Cena]

Duplicate of #9486. The error does not mention zenuml, so it surely comes from somewhere else!