Editor warns "missing 'JSX.IntrinsicElements'" #199

stwind · 2024-11-03T02:37:02Z

stwind
Nov 3, 2024

For a pure client side page using Preact JSX, the editor shows type warning for JSX element tags. Here is an example

/** @jsxImportSource https://esm.sh/preact */

export const App = () => <div>hello</div>;

export default async function(req: Request): Promise<Response> {
  return new Response(
    `<html>
      <head>
        <title>test JSX</title>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
      </head>
      <body>
        <div id="app"></div>
        <script type="module" defer>
          import { h, render } from "https://esm.sh/preact@10.24.3";
          import { ${App.name} } from "${import.meta.url}";
          render(h(${App.name}, {}), document.getElementById('app'));
        </script>
      </body>
    </html>`,
    {
      headers: {
        "content-type": "text/html",
      },
    },
  );
}

an example val

screenshot of the warning

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Editor warns "missing 'JSX.IntrinsicElements'" #199

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 0 comments

Select a reply

Editor warns "missing 'JSX.IntrinsicElements'" #199

stwind Nov 3, 2024

Replies: 0 comments

stwind
Nov 3, 2024