Waiting for tag value consistently not working in some cases in Astro components

[kireerik]

What version of astro are you using?

2.5.7

Are you using an SSR adapter? If so, which one?

no

What package manager are you using?

pnpm

What operating system are you using?

Windows

What browser are you using?

Chrome

Describe the Bug

In some cases this consistently works.

The error says:

"await" can only be used inside an "async" function

or

Parse failure: Cannot use keyword 'await' outside an async function

if I try it a bit differently

  Examples:

---
---

<<any element name> set:html={await method()}/>

---
---

{await method()}

---
---

{await value}

  In this case for example it does not work:

• withastro/astro#7292

  In this case for example it does work (consistently) (with the bug described in the (below) issue (but as I am trying the same in the context of this issue it is consistently not working)):

• withastro/astro#7289

Link to Minimal Reproducible Example

⠀

Participation

• [ ] I am willing to submit a pull request for this issue.

[bluwy]

Can you provide a repro showing that it's not working? It seems to be working for me (stackblitz). Maybe https://live-astro-compiler.vercel.app can help you visualize how the await gets evaluated.

[kireerik]

Sure:

• https://stackblitz.com/edit/github-94pv4g-ymhcxm?file=src%2Fpages%2Findex.astro

[bluwy]

Looks like the problem is that you can't use set:html={await ...} in a Fragment (or any component), because it generates code like:

`${$$renderComponent($$result,'Fragment',Fragment,{},{"default": () => $$render`${$$unescapeHTML(await value)}`,})}`

Maybe it could be ... "default": async () ... to fix it.

[natemoo-re]

Ah that's a good callout @bluwy. This is technically a compiler issue, I'm going to transfer this over there.