Property 'initialize' does not exist after upgrading to v9.2.2

Description

I’m using mermaid with dynamic import:

let { initialize, render } = (await import('mermaid')).default

After updating to version 9.2.2 I get the following errors:

Property 'initialize' does not exist on type 'typeof import("/Users/user/Developer/azat-io/node_modules/.pnpm/mermaid@9.2.2/node_modules/mermaid/dist/mermaid")'.

32       let { initialize, render } = (await import('mermaid')).default

Property 'render' does not exist on type 'typeof import("/Users/user/Developer/azat-io/node_modules/.pnpm/mermaid@9.2.2/node_modules/mermaid/dist/mermaid")'.

32       let { initialize, render } = (await import('mermaid')).default

In version 9.2.1 everything works fine

[sidharthv96]

@aloisklink @knsv, changing "type": "module", in our package.json also fixes the problem.

Also, I was checking tslib, another dependency of docusaurus and they don’t have a type in their package.json. When I removed it from ours, EVERYTHING works.

// Webpack
const mermaid = require('mermaid');
import mermaid from 'mermaid';

// Vanilla
import mermaid from "mermaid";
let { initialize, render } = (await import("mermaid")).default;

So, why don’t we just remove that from package.json (in mermaid)?

[azat-io]

I updated mermaid to v9.3.0 and issue was not fixed: https://github.com/azat-io/mermaid-ts-errors-9.2.2

Can you reopen the issue again?