Telemetry: Add metadata for react routers

[shilman]

Closes N/A

What I did

Get numbers on tanstack / react-router

🦋 Canary release

This PR does not have a canary release associated. You can request a canary release of this pull request by mentioning the @storybookjs/core team here.

core team members can create a canary release here or locally with gh workflow run --repo storybookjs/storybook canary-release-pr.yml --field pr=<PR_NUMBER>

Summary by CodeRabbit

• Enhancements
  • Improved framework detection for Storybook metadata to recognize TanStack React Router, React Router Dev, and Remix, increasing accuracy of environment reporting and telemetry.

[coderabbitai]

Walkthrough

The exported metaFrameworks mapping in code/core/src/telemetry/storybook-metadata.ts was updated to include three additional entries for framework detection:

• @tanstack/react-router → tanstack-react
• @react-router/dev → react-router
• @remix-run/dev → remix

No other files, logic, error handling, or control-flow were changed.

Pre-merge checks and finishing touches

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title Check	✅ Passed	The title succinctly indicates that telemetry metadata for React routers is being added, which directly matches the changes to the metaFrameworks object. It is clear, concise, and specifies the domain and purpose of the update.
Docstring Coverage	✅ Passed	No functions found in the changes. Docstring coverage check skipped.

✨ Finishing touches

• 📝 Generate Docstrings

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch shilman/add-router-frameworks

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between aabeab0 and 68c0f14.

📒 Files selected for processing (1)

• code/core/src/telemetry/storybook-metadata.ts (1 hunks)

🧰 Additional context used

📓 Path-based instructions (2)

**/*.{ts,tsx,js,jsx}

📄 CodeRabbit inference engine (.github/copilot-instructions.md)

Adhere to ESLint and Prettier rules across all JS/TS source files

Files:

• code/core/src/telemetry/storybook-metadata.ts

**/*.{ts,tsx}

📄 CodeRabbit inference engine (.github/copilot-instructions.md)

Fix type errors and prefer precise typings instead of using any or suppressions, consistent with strict mode

Files:

• code/core/src/telemetry/storybook-metadata.ts

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (3)

• GitHub Check: Core Unit Tests, windows-latest
• GitHub Check: Danger JS
• GitHub Check: normal

🔇 Additional comments (1)

code/core/src/telemetry/storybook-metadata.ts (1)

37-39: Clarify and extend metaFrameworks router mappings

• Rename the value for @tanstack/react-router to tanstack-react-router to distinguish it from TanStack Query
• Add mappings for @tanstack/react-router-ssr-query and @tanstack/react-start for full TanStack router coverage
• Verify that including both @react-router/dev and @remix-run/dev is acceptable given the code only records the first matched framework

---

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

[nx-cloud]

View your CI Pipeline Execution ↗ for commit 68c0f14

Command	Status	Duration	Result
nx run-many -t build --parallel=3	✅ Succeeded	48s	View ↗

---

☁️ Nx Cloud last updated this comment at 2025-10-02 13:23:04 UTC

[yannbf]

other packages that might make sense to check
@tanstack/react-router-ssr-query, @tanstack/react-start
@remix-run/dev <-- it's the precursor to @react-router/dev

[storybook-app-bot]

Package Benchmarks

^{Commit: 68c0f14, ran on 2 October 2025 at 13:12:42 UTC}

The following packages have significant changes to their size or dependencies:

@storybook/builder-webpack5

	Before	After	Difference
Dependency count	187	187	0
Self size	68 KB	68 KB	🎉 -36 B 🎉
Dependency size	31.77 MB	31.78 MB	🚨 +11 KB 🚨
Bundle Size Analyzer	Link	Link

@storybook/react-webpack5

	Before	After	Difference
Dependency count	272	272	0
Self size	25 KB	25 KB	🎉 -36 B 🎉
Dependency size	43.43 MB	43.44 MB	🚨 +11 KB 🚨
Bundle Size Analyzer	Link	Link

@storybook/server-webpack5

	Before	After	Difference
Dependency count	199	199	0
Self size	17 KB	17 KB	🎉 -18 B 🎉
Dependency size	33.02 MB	33.03 MB	🚨 +11 KB 🚨
Bundle Size Analyzer	Link	Link