Example doesn't work with Excalidraw 18, looking for thoughts about why

[csdunhamUC]

I appreciate your work in showing how to utilize some React libraries in Svelte.

I noticed that there are some mixed results with this process tied to package versioning. Using the latest excalidraw (@excalidraw/excalidraw, version 0.18.0), the example doesn't work -- there are major rendering issues. However, using the version from the repo (0.17.6), things work fine.

Any thoughts on what might be broken following the latest version that would need changing in the React <-> Svelte dynamic to have this work?

Problem: example does not work with Excalidraw version 0.18.0, resulting in rendering issues (shown below).

Immediate Solution: using Excalidraw version 0.17.6, as in the repo, works as expected.

Preferred Solution: identify what's happening in the attempt to use React libraries within Svelte that is contributing to this rendering problem. (note: this is preferred, for me, because whatever is causing this issue may also be causing issues in the React library I'm actually wanting to use in Svelte, which similarly renders incorrectly using the approach demonstrated here).

[Local9]

Can confirm the same thing, its likely due to how Excalidraw changed how they handle SVG sizes in v18

This repo; https://github.com/tips-services/svelte-excalidraw/blob/main/src/lib/Excalidraw.svelte

Imports the CSS, which does fix it.

<svelte:head>
  <link
    rel="stylesheet"
    href="https://unpkg.com/@excalidraw/excalidraw@0.18.0/dist/prod/index.css"
  />
</svelte:head>