Svelte 5 not reactive

[itsezc]

Using Tanstack DB with Svelte(kit) is non reactive, example:

// Doesn't work
const { data } = useLiveQuery((query) => query.from({ project: projectsCollection }));

// Works - when using {#each} with query
const query = useLiveQuery((q) => q.from({ project: projectsCollection }));
$inspect(query);

I don't believe the underlying queryFn is relevant, but if it is, I'm using fetching via SurrealDB

[pawelblaszczyk5]

It’s returning bag of getters so if you desteucutre you lost the reference and get stale value:

db/packages/svelte-db/src/useLiveQuery.svelte.ts

Line 366 in be66629

return {

I think it’s a normal practice in Svelte 5 world, you can’t destructure everything unfortunately

[itsezc]

It’s returning bag of getters so if you desteucutre you lost the reference and get stale value:

db/packages/svelte-db/src/useLiveQuery.svelte.ts

Line 366 in be66629

return {
I think it’s a normal practice in Svelte 5 world, you can’t destructure everything unfortunately

Makes sense, best have it documented to prevent confusion