Async remote functions with SSR don't seem to work

[craig-jennings]

Describe the bug

I'm not sure if this is a Svelte or SvelteKit issue (or just me missing something), but loading a remote function using Async w/ SSR seems to be broken. I've tried await in the script block, in a $derived, in an {#each} block, and with/without a <svelte:boundary> and I always get the same error: Svelte error: await_invalid

Reproduction

https://stackblitz.com/edit/sveltejs-kit-template-default-rmru6myp?description=The%20default%20SvelteKit%20template,%20generated%20with%20create-svelte&file=src%2Froutes%2F%2Bpage.svelte&title=SvelteKit%20Default%20Template

Logs

Svelte error: await_invalid
Encountered asynchronous work while rendering synchronously.
https://svelte.dev/e/await_invalid
    at Module.await_invalid (node_modules/svelte/src/internal/server/errors.js:17:16)
    at Renderer.child (node_modules/svelte/src/internal/server/renderer.js:128:27)
    at eval (src/routes/+page.svelte:35:16)
    at Renderer.child (node_modules/svelte/src/internal/server/renderer.js:122:18)
    at Renderer.component (node_modules/svelte/src/internal/server/renderer.js:147:22)
    at _page (src/routes/+page.svelte:19:14)
    at eval (.svelte-kit/generated/root.svelte:74:7)
    at eval (src/routes/+layout.svelte:25:5)

System Info

System:
    OS: Linux 5.0 undefined
    CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 0 Bytes / 0 Bytes
    Shell: 1.0 - /bin/jsh
  npmPackages:
    @sveltejs/kit: ^2.22.0 => 2.42.2 
    svelte: ^5.25.0 => 5.39.3

Severity

annoyance

[sillvva]

The kit implementation of async SSR is still in progress. For now async SSR works with things like fetch or other asynchronous tasks that don't involve kit features.

Just continue using <svelte:boundary> tags with pending snippets wherever you use remote functions for now. Once the Kit implementation is available, then you can remove them.

sveltejs/kit#14447

[craig-jennings]

Ah, that's what I was missing 😄