Difficulty combining htm with preact and material ui about htm HOT 2 CLOSED

Finally got it working, apparently a third alias was needed: react/jsx-runtime:preact/jsx-runtime

my final version (moving to stable instead of fixed version v66 because internally esm still refers to stable links)

import {render, h} from "https://esm.sh/stable/[email protected]?target=es2020"
import htm from "https://esm.sh/stable/[email protected]?target=es2020"
const html = htm.bind(h)

import Button from "https://esm.sh/stable/@mui/[email protected]/Button?alias=react:preact/compat,react-dom:preact/compat,react/jsx-runtime:preact/jsx-runtime&[email protected]&target=es2020"

render(html`<${Button} variant="contained">Hello World</Button>`, document.body)

After understanding more the issues behind my problem, I guess preact would have been a better place to raise this issue. Still learning.

from htm.

I was able to prevent the error by aliasing dependencies like

import Button from "https://esm.sh/v66/@mui/[email protected]/Button?alias=react:preact/compat,react-dom:preact/compat&[email protected]&target=es2020"

however now nothing appears. It seems like the button is entirely ignored

from htm.