Fix component name in docs

[oskarscholander]

🎯 Changes

A subtle change to correct the suggested component to import.

✅ 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

• Documentation
  • Clarified wording in the getting started guide: renamed the “Devtools component” reference to “TanStackDevtools component” to align terminology in the devtools setup documentation while keeping existing usage examples and configuration guidance unchanged.

[nx-cloud]

View your CI Pipeline Execution ↗ for commit cb0b435

Command	Status	Duration	Result
nx run-many --targets=build --exclude=examples/**	✅ Succeeded	1s	View ↗

---

☁️ Nx Cloud last updated this comment at 2026-04-16 06:38:29 UTC

[pkg-pr-new]

Open in StackBlitz

@tanstack/ai

npm i https://pkg.pr.new/@tanstack/ai@453

@tanstack/ai-anthropic

npm i https://pkg.pr.new/@tanstack/ai-anthropic@453

@tanstack/ai-client

npm i https://pkg.pr.new/@tanstack/ai-client@453

@tanstack/ai-code-mode

npm i https://pkg.pr.new/@tanstack/ai-code-mode@453

@tanstack/ai-code-mode-skills

npm i https://pkg.pr.new/@tanstack/ai-code-mode-skills@453

@tanstack/ai-devtools-core

npm i https://pkg.pr.new/@tanstack/ai-devtools-core@453

@tanstack/ai-elevenlabs

npm i https://pkg.pr.new/@tanstack/ai-elevenlabs@453

@tanstack/ai-event-client

npm i https://pkg.pr.new/@tanstack/ai-event-client@453

@tanstack/ai-fal

npm i https://pkg.pr.new/@tanstack/ai-fal@453

@tanstack/ai-gemini

npm i https://pkg.pr.new/@tanstack/ai-gemini@453

@tanstack/ai-grok

npm i https://pkg.pr.new/@tanstack/ai-grok@453

@tanstack/ai-groq

npm i https://pkg.pr.new/@tanstack/ai-groq@453

@tanstack/ai-isolate-cloudflare

npm i https://pkg.pr.new/@tanstack/ai-isolate-cloudflare@453

@tanstack/ai-isolate-node

npm i https://pkg.pr.new/@tanstack/ai-isolate-node@453

@tanstack/ai-isolate-quickjs

npm i https://pkg.pr.new/@tanstack/ai-isolate-quickjs@453

@tanstack/ai-ollama

npm i https://pkg.pr.new/@tanstack/ai-ollama@453

@tanstack/ai-openai

npm i https://pkg.pr.new/@tanstack/ai-openai@453

@tanstack/ai-openrouter

npm i https://pkg.pr.new/@tanstack/ai-openrouter@453

@tanstack/ai-preact

npm i https://pkg.pr.new/@tanstack/ai-preact@453

@tanstack/ai-react

npm i https://pkg.pr.new/@tanstack/ai-react@453

@tanstack/ai-react-ui

npm i https://pkg.pr.new/@tanstack/ai-react-ui@453

@tanstack/ai-solid

npm i https://pkg.pr.new/@tanstack/ai-solid@453

@tanstack/ai-solid-ui

npm i https://pkg.pr.new/@tanstack/ai-solid-ui@453

@tanstack/ai-svelte

npm i https://pkg.pr.new/@tanstack/ai-svelte@453

@tanstack/ai-vue

npm i https://pkg.pr.new/@tanstack/ai-vue@453

@tanstack/ai-vue-ui

npm i https://pkg.pr.new/@tanstack/ai-vue-ui@453

@tanstack/preact-ai-devtools

npm i https://pkg.pr.new/@tanstack/preact-ai-devtools@453

@tanstack/react-ai-devtools

npm i https://pkg.pr.new/@tanstack/react-ai-devtools@453

@tanstack/solid-ai-devtools

npm i https://pkg.pr.new/@tanstack/solid-ai-devtools@453

commit: cb0b435

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 2c88c68f-9746-4568-8216-4559e1316e59

📥 Commits

Reviewing files that changed from the base of the PR and between bea0f88 and cb0b435.

📒 Files selected for processing (1)

• docs/getting-started/devtools.md

✅ Files skipped from review due to trivial changes (1)

• docs/getting-started/devtools.md

---

📝 Walkthrough

Walkthrough

Documentation wording changed to reference the TanStackDevtools component instead of the generic "Devtools component"; trailing newline added to the file.

Changes

Cohort / File(s)	Summary
Documentation Updates docs/getting-started/devtools.md	Updated usage wording to TanStackDevtools (replaced generic "Devtools component"); preserved import/example/config; added trailing newline.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Poem

🐰 I hopped through lines to make names clear,
TanStackDevtools now sings, no fear,
A tiny tweak, a nudge so neat,
The docs and I now gently meet,
Hooray — the rabbit leaves a cheer! 🥕

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title 'Fix component name in docs' clearly and accurately describes the main change in the PR, which corrects the component name from 'Devtools component' to 'TanStackDevtools component' in documentation.
Description check	✅ Passed	The PR description follows the required template structure with all sections present: Changes section explaining the fix, completed Checklist with appropriate items marked, and Release Impact indicating this is docs-only with no release needed.
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 unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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