Skip to content

Solid: bad useQuery performance when creating a lot of elements #9864

@teidesu

Description

@teidesu

Describe the bug

creating a lot of elements at once leads to ui stutters due to useQuery taking up to 4-5ms. even if there's already data cached and refetching is disabled.

Image

Your minimal, reproducible example

https://stackblitz.com/edit/vitejs-vite-bcmxksoc?file=src%2Findex.tsx,src%2FApp.tsx&terminal=dev

Steps to reproduce

  1. open the reproduction
  2. click "show many"
  3. notice how the ui freezes for a while

Expected behavior

as a user, i expect useQuery to not block rendering so much, especially when there's already data in the cache

How often does this bug happen?

None

Screenshots or Videos

Screen.Recording.2025-11-12.at.02.14.24.mov

Platform

  • OS: macOS (M3 Max)
  • Browser: Chrome 141
  • Version: 5.90.10, Solid 1.9.10

Tanstack Query adapter

solid-query

TanStack Query version

5.90.10

TypeScript version

5.9.3

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions