Hono JSX TypeScript types do not work in the TypeScript playground

[tmcw]

What version of Hono are you using?

4.7.2

What runtime/platform is your app running on? (with version if possible)

TypeScript Playground

What steps can reproduce the bug?

Playground link: https://www.typescriptlang.org/play/?jsx=4#code/PQKhAIAECsGcA9x0SYAoUEYIJIFsAHAewCcAXAZSIFcSBjAU3AAsiA7I4ZcVNNO9rDLgAMgEs2AaxxsAQmKLgAvOAAUASmUA+cAG804cCQZlabNQcPgAPMzJ4ANuAcBDNgHMlAIgZsvWyysbACMiABMATwCgw2tgUMjoqzi7RyT1AG40AF8MoA

What is the expected behavior?

This JSX code should be typecheckable.

What do you see instead?

It produces an error:

JSX element implicitly has type 'any' because no interface 'JSX.IntrinsicElements' exists.
This JSX tag requires the module path 'hono/jsx/jsx-runtime' to exist, but none could be found. Make sure you have types for the appropriate package installed.
JSX element implicitly has type 'any' because no interface 'JSX.IntrinsicElements' exists.
JSX element implicitly has type 'any' because no interface 'JSX.IntrinsicElements' exists.
JSX element implicitly has type 'any' because no interface 'JSX.IntrinsicElements' exists.

Additional information

This is an issue for our platform as well because we use the same ATA system that TypeScript uses to acquire types. Of course, this is an unusual platform for typechecking code, but it's a reference implementation for some typescript users.

I did some digging and found that Hono versions up to 4.3.11 work, and then 4.4.0 does not work.

[yusukebe]

Hi @tmcw

I think the playground could not load hono/jsx correctly. The following works fine.

https://www.typescriptlang.org/play/?jsx=4#code/PQKhAIAECsGcA9wCcCmBDAxgFwLR0SMAFCgQwICSAtgA4D2SWAynQK5IYrgAWdAdnWD5whIkQCWtBlnABvAL7gAZkjpVwAcl4ChCDWIz9YMgDLi+Aawp8AQuLrgAvOAAUASicA+OUXDIUWOx8rr5+4AA83FhUADbgMWh8AOaOAEQofKmeoWERAEZ0ACYAntm5fuHABSVlYZVRsbVuANxE8s1AA

[github-actions]

This issue has been marked as stale due to inactivity.