Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

[angular-query] injectDevtoolsPanel doesn't support the 'theme' option

Open Beginner friendly
#11,680 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
76/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Active
Tech stack
angular, typescript
Domain
frontend, tooling

Research direction

Inspect the angular-query implementation of injectDevtoolsPanel and its DevtoolsPanelOptions type; compare them with withDevtools and the React, Preact, Solid, and Vue panels. Done means TypeScript accepts theme: 'dark' and the Angular panel applies the selected theme, with relevant existing checks passing.

Written by the indexing model from the issue text.

Description

Describe the bug

injectDevtoolsPanel doesn't accept a theme option. withDevtools and the React/Preact/Solid/Vue panels all support it.

I think it was missed in #10609, which added theme only to the floating Angular devtools.

Your minimal, reproducible example
injectDevtoolsPanel(() => ({
  hostElement: this.divEl(),
  theme: 'dark', // TS error: 'theme' does not exist in type 'DevtoolsPanelOptions'
}))
Steps to reproduce
  1. Use injectDevtoolsPanel
  2. Pass theme: 'dark'
  3. Get a type error, and the theme is not applied
Expected behavior

injectDevtoolsPanel accepts theme like withDevtools does. I can send a PR for this.

Platform
  • OS: macOS
  • Browser: any
Tanstack Query adapter

angular-query

TanStack Query version

5.104.0 (also current main)

Dominant language
TypeScript
Stars
50.4k
Forks
4.2k
Avg merge
17h 50m
Merged PRs (30d)
297

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from TanStack/query

All issues in TanStack/query

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.