Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

solid-db useLiveQuery breaks with where + orderBy

Cerrado
  • ¿Algo no está bien?
#1,208 3 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
45/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Tranquilo
Stack tecnológico
typescript
Área
frontend

Línea de trabajo

Comienza con el repositorio de reproducción enlazado y ejecuta pnpm install && pnpm dev; después, reproduce el fallo usando cuatro componentes List y las acciones decrement all y change name. Lee la ruta de sincronización de useLiveQuery y compara el comportamiento con la actualización manual Array.from(collection.entries()) descrita en el issue. Se considera terminado cuando las consultas combinadas where y orderBy siguen siendo correctas en todos los componentes después de ambas acciones.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

  • I've validated the bug against the latest version of DB packages

Describe the bug

When using the same useLiveQuery with a where and orderBy clause in multiple components, query logic tends to break.

To Reproduce
Steps to reproduce the behavior:

  1. Clone this repo
  2. pnpm install && pnpm dev
  3. Go to localhost:3000
  4. Click the decrement all button a few times, then click the change name button a few times, UI should break unexpectedly.

Expected behavior

  • The DB stores a list of items, each with an index, independent UUID (which is used as the key), and name.
  • The UI contains 4 identical <List> components, each one has a useLiveQuery that views the list of items whose indices are between 1 and 4 inclusive. It then sorts the list items.
  • Clicking on decrement all in the UI will decrement each item's index value and should update the list displays accordingly.
  • Clicking on change name in the UI will add a + at the end of each item's name, it should update the list displays accordingly.

Screenshots

Image

Initial state.

Image

After clicking on decrement all once.

Image

After clicking on decrement all and change name a few times.

Desktop (please complete the following information):

  • OS: 25.11.20260113.2c3e5ec (Xantusia)
  • Browser: Firefox
  • Version: 146.0.1

Additional context

  • I am not well-versed in the internals of Tanstack DB but I believe this is a solid-db specific issue, as it seems like the collection itself is internally consistent, collection.subscribeChanges also fires events correctly, and generally, everything outside of useLiveQuery works appropriately.
  • I also have a more complex environment where I am using @tanstack/solid-db and again, the failure seems to be concentrated within the useLiveQuery, synchronization mechanism. If I replace useLiveQuery with a manual setState(Array.from(collection.entries())), everything updates correctly.
  • orderBy works fine without where.
  • where works without orderBy.
  • All logic works if I only have 1 <List> component.
Lenguaje dominante
TypeScript
Estrellas
3.9k
Forks
267
Merge medio
1 d 5 h
PR fusionados (30 d)
134

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de TanStack/db

Todos los issues de TanStack/db

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.