Issue with Blazor to detect and use Mermaid.js

[erossini]

I'm working on a Markdown Editor for Blazor and added your component in my library. I have a few questions.

How can I detect if the library is loaded in the page? I use

if (typeof mermaid !== 'undefined') {
    // code
}

Is this correct?

When I add a diagram, the render is not immediate. To render the graph, I use

return mermaid.mermaidAPI.render('mermaid0', code, undefined);

where code is the Mermaid code. Only after a few refresh with Ctrl+F5, the graph appears.

Also, I tried to use the version 10.9.1 adding the code

<script type="module">
    import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs';
    mermaid.initialize({ startOnLoad: true });
</script>

but the behaviours is the same. If I add the script from

https://cdn.jsdelivr.net/npm/[email protected]/dist/mermaid.min.js

I get an error on e.replace is not a function