Error using deno bundle with React: Type 'C' does not satisfy the constraint 'ElementType<any>' about esm.sh HOT 13 CLOSED

i will figure it out, thanks!

you can try to disable the types check temporarily:

export { default as React } from "https://esm.sh/[email protected]?no-check";
export { default as ReactDOM } from "https://esm.sh/[email protected]?no-check";

from esm.sh.

@quaos deno bundle src/client.tsx public/assets/js/client.js without --config seems works fine in my case:

can you please post the tsconfig.json?

from esm.sh.

@ije Here:
tsconfig.json

{
  "compilerOptions": {
    "isolatedModules": false,
    "allowJs": false,
    "allowUnreachableCode": false,
    "allowUnusedLabels": false,
    "alwaysStrict": true,
    "checkJs": false,
    "disableSizeLimit": false,
    "jsx": "react",
    "jsxFactory": "React.createElement",
    "lib": ["DOM", "ESNext"],
    "noFallthroughCasesInSwitch": false,
    "noImplicitAny": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noImplicitUseStrict": false,
    "noStrictGenericChecks": false,
    "noUnusedLocals": false,
    "noUnusedParameters": false,
    "removeComments": false,
    "strict": true,
    "strictBindCallApply": true,
    "strictFunctionTypes": true,
    "strictNullChecks": true,
    "strictPropertyInitialization": true,
    "suppressExcessPropertyErrors": false,
    "suppressImplicitAnyIndexErrors": false
  },
  "deno": true
}

In my case, omitting --config still yields the same errors, with more errors about jsx added in:

TS17004 [ERROR]: Cannot use JSX unless the '--jsx' flag is provided.
    <App />,

from esm.sh.

i will figure it out, thanks!

you can try to disable the types check temporarily:

export { default as React } from "https://esm.sh/[email protected]?no-check";
export { default as ReactDOM } from "https://esm.sh/[email protected]?no-check";

Thanks, the bundle succeeded with ?no-check !
However, the result client.js still has error in browser:

Uncaught ReferenceError: __react is not defined
    at require (client.js:370)

client.js.zip

from esm.sh.

i guess this is a bug of deno bundler.

from esm.sh.

FYI please check denoland/deno#8344

from esm.sh.

@quaos to get react render details error message, you can use esm.sh's dev mode:

import _React from 'https://esm.sh/[react,react-dom]/react?dev'
import _ReactDOM from 'https://esm.sh/[react,react-dom]/react-dom?dev'
export const React = _React
export const ReactDOM = _ReactDOM

from esm.sh.

@ije Somewhat after using development mode, the error is gone and React components loaded successfully now.

import _React from 'https://esm.sh/[react,react-dom]/react?dev&no-check';
import _ReactDOM from 'https://esm.sh/[react,react-dom]/react-dom?dev&no-check';

from esm.sh.

cool, what deno version you are using? i don't need no-check flag in deno 1.5.2

from esm.sh.

consider use Aleph.js ?

from esm.sh.

@ije I also uses 1.5.2, but do not work without no-check

>deno --version
deno 1.5.2 (71d7482, release, x86_64-pc-windows-msvc)
v8 8.7.220.3
typescript 4.0.5

However, this is the repo I've been working on:
deno-react-minimal-frontend

from esm.sh.

cool!

from esm.sh.

@ije So I suppose you can close this issue for now 😎

from esm.sh.