Make it work with Preact

[studentIvan]

would be very nice, because react bundle weight too much. Preact has compatible mode, but it falls with this library

[christopherjbaker]

This is something we recently decided to explore. Can you elaborate on how it is failing? If you are familiar with Preact, do you know what features we're likely using that are causing issues?

[mediabuff]

Here is the error message:

react-to-webcomponent.js:4 Uncaught TypeError: Cannot read properties of undefined (reading 'createElement') at Object.mount (react-to-webcomponent.js:4:17) at [r2wc.render] (core.js:72:70) at g.connectedCallback (core.js:62:26) at diff-viewer-webc.tsx:155:16 mount @ react-to-webcomponent.js:4 [r2wc.render] @ core.js:72 connectedCallback @ core.js:62 (anonymous) @ diff-viewer-webc.tsx:155

[mediabuff]

I use direct from CDN as ESM browser modules. My script includes as follows:
` <script type="importmap">
{
"imports": {
"preact/jsx-runtime": "https://cdn.jsdelivr.net/npm/[email protected]/+esm",
"memoize-one": "https://cdn.jsdelivr.net/npm/[email protected]/+esm",
"emotion":"https://cdn.jsdelivr.net/npm/@emotion/[email protected]/+esm",
"preact": "https://cdn.jsdelivr.net/npm/[email protected]/+esm",
"prop-types": "https://cdn.jsdelivr.net/npm/[email protected]/+esm",
"classnames": "https://cdn.jsdelivr.net/npm/[email protected]/+esm",
"diff": "https://cdn.jsdelivr.net/npm/[email protected]/+esm",

     "@r2wc/react-to-web-component": "https://cdn.jsdelivr.net/npm/[email protected]/+esm"

   }
 }

</script>`

`import * as React from 'preact';
import * as ReactDOM from 'preact';

import ReactDiff, { DiffMethod } from './lib/index.js';

import r2wc from "@r2wc/react-to-web-component";`