Using react flow with fresh project

[LinHAO-1]

Hello! I am working on a deno and fresh project and I want to implement a ERD diagram. To do this I was trying to use React flow but keep getting errors and don't know how to import It with preact-compat

My current import code is
import ReactFlow, { Background, Controls } from 'https://esm.sh/[email protected]?alias=react:preact/compat,react-dom:preact/compat,@types/react:preact/compat&[email protected]';

I am currently getting this error
An error occurred during route handling or page rendering. TypeError: Cannot convert a Symbol value to a string at T (https://esm.sh/v99/[email protected]/X-ZS8q/deno/preact-render-to-string.js:12:1755) at T (https://esm.sh/v99/[email protected]/X-ZS8q/deno/preact-render-to-string.js:12:1693) at T (https://esm.sh/v99/[email protected]/X-ZS8q/deno/preact-render-to-string.js:12:875) at T (https://esm.sh/v99/[email protected]/X-ZS8q/deno/preact-render-to-string.js:12:1693) at T (https://esm.sh/v99/[email protected]/X-ZS8q/deno/preact-render-to-string.js:12:1693) at T (https://esm.sh/v99/[email protected]/X-ZS8q/deno/preact-render-to-string.js:12:1693) at T (https://esm.sh/v99/[email protected]/X-ZS8q/deno/preact-render-to-string.js:12:2593) at T (https://esm.sh/v99/[email protected]/X-ZS8q/deno/preact-render-to-string.js:12:1693) at T (https://esm.sh/v99/[email protected]/X-ZS8q/deno/preact-render-to-string.js:12:2593) at T (https://esm.sh/v99/[email protected]/X-ZS8q/deno/preact-render-to-string.js:12:2495)

I have tried using the new method of npm:reactflow since deno has been updated as well, but got runtime errors stating reading undefined __H.