fix(vue-devtools): fix style prop type by lachlancollins · Pull Request #10087 · TanStack/query

lachlancollins · 2026-02-02T04:36:57Z

🎯 Changes

Setting types field in tsconfig (in preparation for TS 6.0 breaking changes) exposed this issue in vue-query-devtools. The style prop is currently typed as React.CSSProperties, which comes from @types/react. This replaces it with the built-in CSSStyleDeclaration DOM type.

✅ Checklist

I have followed the steps in the Contributing guide.
I have tested this code locally with pnpm run test:pr.

🚀 Release Impact

This change affects published code, and I have generated a changeset.
This change is docs/CI/dev-only (no release).

Summary by CodeRabbit

Bug Fixes
- Fixed style property type in Vue Query devtools panel to properly support standard CSS style declarations and improve compatibility.

changeset-bot · 2026-02-02T04:37:02Z

🦋 Changeset detected

Latest commit: ca2af46

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@tanstack/vue-query-devtools	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

coderabbitai · 2026-02-02T04:37:13Z

📝 Walkthrough

Walkthrough

This pull request fixes the style prop type in Vue Query DevTools by changing it from React-specific CSSProperties to DOM-standard Partial<CSSStyleDeclaration>. A changeset documents the patch release, and TypeScript configuration is updated to include Node.js type definitions.

Changes

Cohort / File(s)	Summary
Type Definitions `packages/vue-query-devtools/src/types.ts`	Changed `DevtoolsPanelOptions` `style` property from `React.CSSProperties` to `Partial<CSSStyleDeclaration>` to remove React dependency and align with standard DOM CSS declarations.
Configuration `tsconfig.json`	Added `"types": ["node"]` to compiler options to include Node.js type definitions globally in the project.
Release Documentation `.changeset/funny-lines-visit.md`	Added changeset declaring a patch release for `@tanstack/vue-query-devtools` documenting the style prop type fix.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Possibly related PRs

fix(solid-query-devtools): fix typing issue #9621 — Makes similar style prop type changes to DevtoolsPanelOptions in the Solid devtools package, fixing the same React-specific typing issue.

Suggested reviewers

TkDodo

Poem

🐰 From React's embrace to DOM's sweet call,
The style prop sheds its walls,
CSSStyleDeclaration now stands tall,
Vue DevTools dances—no more React at all! ✨

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title 'fix(vue-devtools): fix style prop type' clearly and concisely describes the main change—fixing the style prop type in vue-devtools from React.CSSProperties to CSSStyleDeclaration.
Description check	✅ Passed	The PR description includes the required sections (Changes, Checklist, Release Impact), provides clear context about the fix and its motivation, and demonstrates completion of all checklist items including local testing.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

📝 Generate docstrings

🧪 Generate unit tests (beta)

Create PR with unit tests
Post copyable unit tests in a comment
Commit unit tests in branch fix-vue-devtools-types

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

nx-cloud · 2026-02-02T04:37:21Z

View your CI Pipeline Execution ↗ for commit ca2af46

Command	Status	Duration	Result
`nx affected --targets=test:sherif,test:knip,tes...`	✅ Succeeded	54s	View ↗

☁️ Nx Cloud last updated this comment at 2026-02-02 04:51:39 UTC

pkg-pr-new · 2026-02-02T04:40:58Z

More templates

@tanstack/angular-query-experimental

npm i https://pkg.pr.new/@tanstack/angular-query-experimental@10087

@tanstack/eslint-plugin-query

npm i https://pkg.pr.new/@tanstack/eslint-plugin-query@10087

@tanstack/query-async-storage-persister

npm i https://pkg.pr.new/@tanstack/query-async-storage-persister@10087

@tanstack/query-broadcast-client-experimental

npm i https://pkg.pr.new/@tanstack/query-broadcast-client-experimental@10087

@tanstack/query-core

npm i https://pkg.pr.new/@tanstack/query-core@10087

@tanstack/query-devtools

npm i https://pkg.pr.new/@tanstack/query-devtools@10087

@tanstack/query-persist-client-core

npm i https://pkg.pr.new/@tanstack/query-persist-client-core@10087

@tanstack/query-sync-storage-persister

npm i https://pkg.pr.new/@tanstack/query-sync-storage-persister@10087

@tanstack/react-query

npm i https://pkg.pr.new/@tanstack/react-query@10087

@tanstack/react-query-devtools

npm i https://pkg.pr.new/@tanstack/react-query-devtools@10087

@tanstack/react-query-next-experimental

npm i https://pkg.pr.new/@tanstack/react-query-next-experimental@10087

@tanstack/react-query-persist-client

npm i https://pkg.pr.new/@tanstack/react-query-persist-client@10087

@tanstack/solid-query

npm i https://pkg.pr.new/@tanstack/solid-query@10087

@tanstack/solid-query-devtools

npm i https://pkg.pr.new/@tanstack/solid-query-devtools@10087

@tanstack/solid-query-persist-client

npm i https://pkg.pr.new/@tanstack/solid-query-persist-client@10087

@tanstack/svelte-query

npm i https://pkg.pr.new/@tanstack/svelte-query@10087

@tanstack/svelte-query-devtools

npm i https://pkg.pr.new/@tanstack/svelte-query-devtools@10087

@tanstack/svelte-query-persist-client

npm i https://pkg.pr.new/@tanstack/svelte-query-persist-client@10087

@tanstack/vue-query

npm i https://pkg.pr.new/@tanstack/vue-query@10087

@tanstack/vue-query-devtools

npm i https://pkg.pr.new/@tanstack/vue-query-devtools@10087

commit: ca2af46

github-actions · 2026-02-02T04:41:10Z

size-limit report 📦

Path	Size
react full	11.93 KB (0%)
react minimal	8.95 KB (0%)

github-actions · 2026-02-11T16:40:27Z

🎉 This PR has been released!

@tanstack/[email protected]

Thank you for your contribution!

fix(vue-devtools): fix style prop type

1ed5803

github-actions Bot added the package: vue-query-devtools label Feb 2, 2026

Add changeset

ca2af46

TkDodo approved these changes Feb 11, 2026

View reviewed changes

TkDodo merged commit 4ed9dc1 into main Feb 11, 2026
9 of 10 checks passed

TkDodo deleted the fix-vue-devtools-types branch February 11, 2026 16:06

github-actions Bot mentioned this pull request Feb 11, 2026

ci: Version Packages #10117

Merged

coderabbitai Bot mentioned this pull request Feb 11, 2026

fix(devtools): change onClose callback type from () => unknown to () … #10118

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

fix(vue-devtools): fix style prop type#10087

fix(vue-devtools): fix style prop type#10087
TkDodo merged 2 commits into
mainfrom
fix-vue-devtools-types

lachlancollins commented Feb 2, 2026 •

edited by coderabbitai Bot

Loading

Uh oh!

changeset-bot Bot commented Feb 2, 2026 •

edited

Loading

Uh oh!

coderabbitai Bot commented Feb 2, 2026 •

edited

Loading

Walkthrough

Changes

Estimated code review effort

Possibly related PRs

Suggested reviewers

Poem

Uh oh!

nx-cloud Bot commented Feb 2, 2026 •

edited

Loading

Uh oh!

pkg-pr-new Bot commented Feb 2, 2026

Uh oh!

github-actions Bot commented Feb 2, 2026

Uh oh!

Uh oh!

github-actions Bot commented Feb 11, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Uh oh!

Conversation

lachlancollins commented Feb 2, 2026 • edited by coderabbitai Bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🎯 Changes

✅ Checklist

🚀 Release Impact

Summary by CodeRabbit

Uh oh!

changeset-bot Bot commented Feb 2, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🦋 Changeset detected

Uh oh!

coderabbitai Bot commented Feb 2, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Changes

Estimated code review effort

Possibly related PRs

Suggested reviewers

Poem

Uh oh!

nx-cloud Bot commented Feb 2, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

pkg-pr-new Bot commented Feb 2, 2026

Uh oh!

github-actions Bot commented Feb 2, 2026

size-limit report 📦

Uh oh!

Uh oh!

github-actions Bot commented Feb 11, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

lachlancollins commented Feb 2, 2026 •

edited by coderabbitai Bot

Loading

changeset-bot Bot commented Feb 2, 2026 •

edited

Loading

coderabbitai Bot commented Feb 2, 2026 •

edited

Loading

nx-cloud Bot commented Feb 2, 2026 •

edited

Loading