fix(devtools-utils for vue): use empty component for NoOp instead of fragment

[birkskyum]

This fixes type incompatibility with the ai devtools, so that we can write

export const [aiDevtoolsPlugin, aiDevtoolsNoOpPlugin] =
  createVuePlugin<AiDevtoolsVueInit>('TanStack AI', AiDevtoolsPanel)

instead of having to cast to any

export const [aiDevtoolsPlugin, aiDevtoolsNoOpPlugin] =
  createVuePlugin<AiDevtoolsVueInit>('TanStack AI', AiDevtoolsPanel as any)

Here
https://github.com/TanStack/ai/pull/143/changes#diff-1468bfe0cd22f849008461018122c041042c00467d5dc1a15d382cdb08f4ef4dR6

[changeset-bot]

🦋 Changeset detected

Latest commit: b6d3960

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

This PR includes changesets to release 1 package

Name	Type
@tanstack/devtools-utils	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

[nx-cloud]

View your CI Pipeline Execution ↗ for commit b6d3960

Command	Status	Duration	Result
nx affected --targets=test:format,test:eslint,t...	✅ Succeeded	16s	View ↗
nx run-many --targets=build --exclude=examples/**	✅ Succeeded	9s	View ↗

---

☁️ Nx Cloud last updated this comment at 2026-01-16 20:20:19 UTC

[pkg-pr-new]

More templates

• ssr
• @tanstack/devtools-example-preact-basic
• @tanstack/devtools-custom-devtools-preact
• @tanstack/devtools-example-react-basic
• @tanstack/devtools-custom-devtools
• tanstack-start-example-counter
• @tanstack/devtools-example-react-https
• start
• @tanstack/devtools-example-react-time-travel
• @tanstack/devtools-example-solid-basic
• @tanstack/devtools-example-solid-start
• @tanstack/query-example-vue-basic

@tanstack/devtools

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/devtools@324

@tanstack/devtools-client

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/devtools-client@324

@tanstack/devtools-ui

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/devtools-ui@324

@tanstack/devtools-utils

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/devtools-utils@324

@tanstack/devtools-vite

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/devtools-vite@324

@tanstack/devtools-event-bus

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/devtools-event-bus@324

@tanstack/devtools-event-client

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/devtools-event-client@324

@tanstack/preact-devtools

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/preact-devtools@324

@tanstack/react-devtools

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/react-devtools@324

@tanstack/solid-devtools

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/solid-devtools@324

@tanstack/vue-devtools

npm i https://pkg.pr.new/TanStack/devtools/@tanstack/vue-devtools@324

commit: b6d3960