Broken Async Components in Hono

[sant123]

Version: Deno 1.46.1

Please see https://hono.dev/docs/guides/jsx#async-component

Hello! Please take a look at this example:

/** @jsxImportSource jsr:@hono/hono/jsx */
import { delay } from 'jsr:@std/async';
import { Hono } from 'jsr:@hono/hono';

const app = new Hono();

function SyncComponent() {
  return <h1>Hello from Sync component!</h1>;
}

async function AsyncComponent() {
  await delay(1000);
  return <h1>Hello from Async component!</h1>;
}

app.get('/sync', (c) => {
  return c.html(<SyncComponent />);
});

app.get('/async', (c) => {
  return c.html(<AsyncComponent />);
});

Deno.serve(app.fetch);

This code works on Deno v1.45.5 but not on later versions. Please take a look on the different behaviors:

v1.45.5

Screencast.from.2024-08-28.16-26-48.mp4

v1.46.1

Screencast.from.2024-08-28.16-29-06.mp4

Deno v1.46.1 for some reason returns an empty response, also if you trigger many requests the server crashes with the following error:

Do you know what is happening here?

Thanks.

[bartlomieju]

This might be caused by the same problem that prompted: #25207. Can you try with latest canary?

[sant123]

It works with canary, you are the best. Thank you!

[lucacasonato]

Closing as dupe of #25203