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

• Updated getting started guide to clarify component naming terminology in the devtools setup documentation.

[nx-cloud]

View your CI Pipeline Execution ↗ for commit bea0f88

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

---

☁️ Nx Cloud last updated this comment at 2026-04-15 20:45:50 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: bea0f88

[coderabbitai]

📝 Walkthrough

Walkthrough

Documentation updated to correctly reference the TanStackDevtools component name instead of generic "Devtools component" terminology in the getting started guide. Trailing newline added to the file.

Changes

Cohort / File(s)	Summary
Documentation Updates docs/getting-started/devtools.md	Revised text to reference TanStackDevtools component by its correct name; added trailing newline.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Poem

🐰 A name so clear, so bright and true,
TanStackDevtools shines right through,
The docs now speak with precision bright,
Where once were words of blurry sight,
A rabbit's work makes all things right! ✨

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title 'Fix component name in docs' accurately describes the main change—correcting a component name reference in the documentation.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Description check	✅ Passed	The pull request description follows the required template with all major sections present and appropriate content.

_{✏️ 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.}