Cannot read property '__H' of undefined when I try to use mjs-version of the "hooks" package

Reproduction

Try to import hooks using from the mjs (with no bundlers) as described in the docs: https://preactjs.com/guide/v8/getting-started/ https://preactjs.com/guide/v10/getting-started/#alternatives-to-jsx The Preact itself is being imported fine, but I do not understand how should I import the hooks package properly.

Steps to reproduce

Try to import hooks using mjs modules format like this

<script type="module">
import {useState} from 'https://unpkg.com/preact@10.4.7/hooks/dist/hooks.mjs?module'

export const useFoo = () => {
  const [state, setState] = useState(0);
  return {state, setState};
}
</script>

Expected Behavior

Hooks module is imported successfully

Actual Behavior

I see

Cannot read property '__H' of undefined

error in the console and everything crashes (blank page).

[pokatomnik]

For future searchers, here is a simple snippet for importing the Preact as the native Ecmascript module:

• The Skypack CDN is used as the only one which has the ES modules CDN I found (yes, the unpkg has this feature as well, but It is still experimental)
• The HTM is also included as a good replacement for the JSX.

import * as _Preact from 'https://cdn.skypack.dev/preact@10.4.7';
import * as _Hooks from 'https://cdn.skypack.dev/preact@10.4.7/hooks';
import htm from 'https://cdn.skypack.dev/htm@3.0.4';
export const html = htm.bind(_Preact.h);
export default _Preact;
export const Hooks = _Hooks;

I developed a simple template (or an example, as you wish). It’s an explanation how to set up skypack CDN’s preact to be used with the Typescript.

[vyushin]

The same error. I think this is because hooks.mjs imports latest version of preact for every version. Make an issue #3074