Cannot read properties of undefined (reading 'map') when using context with a nested Promise object

[sirkostya009]

I'm trying to use context to bypass using load functions for some specific data to avoid sending a very large response on initial, server-rendered response.

I saw in docs that I can set reactive objects to context, so I have tried to dynamically importing a module into a $derived object, setting it to context, and in subsequent components consume said context with the new experimental await feature.

$derived because in my actual case I load data based on the path param. I expect it to work same as with $state.

But I am getting undefined whenever I call the getter function!

Here's the repro of the issue:

https://github.com/sirkostya009/svelte-context-repro (navigate to /a/nested)

I am not even sure if this is a bug or not. I have initially tried to just await import in the setContext call

setContext(key, await import(`$lib/${params.key}.js`));

but kept getting a "can only call setContext during component initialization" error so came up with a clever workaround that also doesn't work!