Typescript can't find dompurify type definition file when the package manager used is yarn

[Phebonacci]

Description

When I install my nextra project's dependencies and run tsc to check for any type errors, I get the ff error message from typescript:

error TS2688: Cannot find type definition file for 'dompurify'.
The file is in the program because:
Entry point for implicity type library 'dompurify'

I found out that this is caused by a conflict between mermaid's dompurify and @types/dompurify dependencies. What's happening is mermaid's @types/dompurify dependency at version ^3.0.5 resolves to version 3.2.0, which then depends on dompurify version 3.2.1. Somehow, this causes the aforementioned typescript error.

To clear things up, my project doesn't directly depend on dompurify but @theguild/remark-mermaid does which, in turn, is dependend upon by nextra.

Steps to reproduce

1. Clone the repro repo: https://github.com/Phebonacci/sample-nextra
2. Install the dependencies via yarn install. You should see a warning from dompurify as below:

3. Run yarn type:check. You should see the error mentioned in the Description and shown on the screenshot attached under Screenshots.

Screenshots

Code Sample

No response

Setup

• Mermaid version: 11.4.0
• Browser and Version: [Chrome, Edge, Firefox]

Suggested Solutions

• If possible, upgrade dompurify to the latest version (3.2.x) and remove @types/dompurify.
• If upgrading dompurify is not possible, pin the major and minor versions of @types/dompurify to 3.0.

Additional Context

No response