debug react ssr benchmark import timing

[Sheraff]

Summary

• Add temporary timing logs around the React SSR benchmark server bundle import.
• Extend the React SSR benchmark setup hook timeout so CodSpeed CI can reveal whether the import finishes slowly or hangs.

Verification

• pnpm --dir benchmarks/ssr run test:types:react
• Local CodSpeed simulation rerun was blocked by ERR_MODULE_NOT_FOUND: Cannot find package 'tsx' from router-generator config loading.

Summary by CodeRabbit

• Tests
  • Improved benchmarking: added finer-grained import progress tracking, reliable timing measurement, and ensured cleanup on completion or error.
• Chores
  • Updated development tooling versions in benchmark projects to newer releases.

[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: b74c0e6c-ee65-461b-a811-976b334c85d1

📥 Commits

Reviewing files that changed from the base of the PR and between 80ac124 and d9d05fe.

⛔ Files ignored due to path filters (1)

• pnpm-lock.yaml is excluded by !**/pnpm-lock.yaml

📒 Files selected for processing (2)

• benchmarks/client-nav/package.json
• benchmarks/ssr/package.json

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

• benchmarks/client-nav/package.json
• benchmarks/ssr/package.json

---

📝 Walkthrough

Walkthrough

Added progress tracking to a benchmark setup: starts a performance.now() timer, creates a 1s polling interval that logs while the dynamic import runs (attempts unref()), performs the import inside a try/finally that reports duration and always clears the interval; increased beforeAll timeout to 60,000ms.

Changes

Cohort / File(s)	Summary
Dynamic Import Progress Tracking benchmarks/ssr/react/speed.bench.ts	setup() now records performance.now(), starts a 1s console.error polling interval (calls unref() if available), performs the dynamic import inside try/finally, logs total import duration on success, and always clears the interval. beforeAll timeout set to 60000ms.
DevDependency bumps benchmarks/client-nav/package.json, benchmarks/ssr/package.json	Upgraded @codspeed/vitest-plugin version range (from ^5.0.1 → ^5.3.0); minor devDependencies ordering change in benchmarks/client-nav/package.json.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Poem

🐰 I watched the imports race and glow,
A tick each second, steady, slow,
Timers humming, logs that cheer,
Sixty seconds — progress clear!
Benchmarks hop, and I give a cheer! 🥕

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'debug react ssr benchmark import timing' accurately describes the main change, which adds timing logs around React SSR benchmark imports and extends setup hook timeouts.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

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

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch debug/react-ssr-benchmark-import

---

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

[nx-cloud]

View your CI Pipeline Execution ↗ for commit d9d05fe

Command	Status	Duration	Result
nx affected --targets=test:eslint,test:unit,tes...	✅ Succeeded	9m 59s	View ↗
nx run-many --target=build --exclude=examples/*...	✅ Succeeded	2m 9s	View ↗

---

☁️ Nx Cloud last updated this comment at 2026-04-27 00:41:27 UTC

[github-actions]

🚀 Changeset Version Preview

No changeset entries found. Merging this PR will not cause a version bump for any packages.

[github-actions]

Bundle Size Benchmarks

• Commit: de980342a65e
• Measured at: 2026-04-27T00:32:22.957Z
• Baseline source: history:944b1558965b
• Dashboard: bundle-size history

Scenario	Current (gzip)	Delta vs baseline	Raw	Brotli	Trend
react-router.minimal	87.35 KiB	0 B (0.00%)	274.60 KiB	75.97 KiB	▅▅▅▅▅▅▅▅▅▅▅
react-router.full	90.77 KiB	0 B (0.00%)	286.11 KiB	78.90 KiB	▅▅▅▅▅▅▅▅▅▅▅
solid-router.minimal	35.58 KiB	0 B (0.00%)	106.86 KiB	31.98 KiB	▁▁▁▁▁▁▁████
solid-router.full	40.32 KiB	0 B (0.00%)	121.07 KiB	36.26 KiB	▁▁▁▄▄▄▄▆███
vue-router.minimal	53.30 KiB	0 B (0.00%)	152.01 KiB	47.88 KiB	▅▅▅▅▅▅▅▅▅▅▅
vue-router.full	58.44 KiB	0 B (0.00%)	168.19 KiB	52.34 KiB	▅▅▅▅▅▅▅▅▅▅▅
react-start.minimal	101.92 KiB	0 B (0.00%)	322.77 KiB	88.18 KiB	▅▅▅▅▅▅▅▅▅▅▅
react-start.full	105.35 KiB	0 B (0.00%)	333.10 KiB	91.02 KiB	▅▅▅▅▅▅▅▅▅▅▅
react-start.rsbuild.minimal	101.43 KiB	0 B (0.00%)	325.62 KiB	87.12 KiB	▁█████████
react-start.rsbuild.full	104.74 KiB	0 B (0.00%)	336.31 KiB	89.93 KiB	▅▅▅▅▅▅▅▅▅▅
solid-start.minimal	49.58 KiB	0 B (0.00%)	152.69 KiB	43.74 KiB	▁▁▁▁▁▁▁████
solid-start.full	55.37 KiB	0 B (0.00%)	169.59 KiB	48.72 KiB	▁▁▁▄▄▄▄▅███

Trend sparkline is historical gzip bytes ending with this PR measurement; lower is better.

[pkg-pr-new]

More templates

• tanstack-router-vue-example-basic-jsx
• tanstack-router-vue-example-basic-file-based-jsx
• tanstack-router-vue-example-basic-file-based-sfc
• tanstack-router-react-example-authenticated-routes
• tanstack-router-react-example-authenticated-routes-firebase
• tanstack-router-react-example-basic
• tanstack-router-react-example-basic-default-search-params
• tanstack-router-react-example-basic-devtools-panel
• tanstack-router-react-example-basic-file-based
• tanstack-router-react-example-basic-non-nested-devtools
• tanstack-router-react-example-react-query
• tanstack-router-react-example-basic-react-query-file-based
• tanstack-router-react-example-basic-ssr-file-based
• tanstack-router-react-example-basic-ssr-streaming-file-based
• tanstack-router-react-example-basic-virtual-file-based
• tanstack-router-react-example-basic-virtual-inside-file-based
• tanstack-router-react-example-deferred-data
• tanstack-router-i18n-paraglide
• tanstack-router-react-example-kitchen-sink
• tanstack-router-react-example-kitchen-sink-file-based
• tanstack-router-react-example-kitchen-sink-react-query
• tanstack-router-react-example-kitchen-sink-react-query-file-based
• tanstack-router-react-example-large-file-based
• tanstack-router-react-example-location-masking
• tanstack-router-react-example-navigation-blocking
• tanstack-router-react-example-quickstart
• tanstack-router-react-example-quickstart-esbuild-file-based
• tanstack-router-react-example-quickstart-file-based
• tanstack-router-react-example-quickstart-rspack-file-based
• tanstack-router-react-example-quickstart-webpack-file-based
• router-monorepo-react-query
• router-mono-simple
• router-mono-simple-lazy
• tanstack-router-react-example-scroll-restoration
• tanstack-search-validator-adapters
• tanstack-start-example-bare
• tanstack-start-example-basic
• tanstack-start-example-basic-auth
• tanstack-router-react-example-basic-authjs
• tanstack-start-example-basic-cloudflare
• tanstack-start-example-basic-react-query
• tanstack-start-example-basic-static
• tanstack-start-bun-hosting
• tanstack-start-example-clerk-basic
• tanstack-start-example-convex-trellaux
• tanstack-start-example-counter
• tanstack-start-i18n-paraglide
• tanstack-start-example-large
• tanstack-start-example-material-ui
• tanstack-start-example-rscs
• tanstack-start-streaming-data-from-server-functions
• tanstack-start-example-supabase-basic
• tanstack-start-tailwind-v4
• tanstack-start-example-trellaux
• tanstack-start-example-workos
• tanstack-router-react-example-view-transitions
• tanstack-router-react-example-with-framer-motion
• tanstack-router-react-example-with-trpc
• tanstack-router-react-example-with-trpc-react-query
• tanstack-router-solid-example-authenticated-routes
• tanstack-router-solid-example-authenticated-routes-firebase
• tanstack-router-solid-example-basic
• tanstack-router-solid-example-basic-default-search-params
• tanstack-router-solid-example-basic-devtools-panel
• tanstack-router-solid-example-basic-file-based
• tanstack-router-solid-example-basic-non-nested-devtools
• tanstack-router-solid-example-basic-solid-query
• tanstack-router-solid-example-basic-solid-query-file-based
• tanstack-router-solid-example-basic-ssr-file-based
• tanstack-router-solid-example-basic-ssr-streaming-file-based
• tanstack-router-solid-example-basic-virtual-file-based
• tanstack-router-solid-example-basic-virtual-inside-file-based
• tanstack-router-solid-example-deferred-data
• tanstack-router-solid-i18n-paraglide
• tanstack-router-solid-example-kitchen-sink
• tanstack-router-solid-example-kitchen-sink-file-based
• tanstack-router-solid-example-kitchen-sink-solid-query
• tanstack-router-solid-example-kitchen-sink-solid-query-file-based
• tanstack-router-solid-example-large-file-based
• tanstack-router-solid-example-location-masking
• tanstack-router-solid-example-navigation-blocking
• tanstack-router-solid-example-quickstart
• tanstack-router-solid-example-quickstart-esbuild-file-based
• tanstack-router-solid-example-quickstart-file-based
• tanstack-router-solid-example-quickstart-rspack-file-based
• tanstack-router-solid-example-quickstart-webpack-file-based
• @tanstack/router-solid-mono-simple
• router-solid-mono-simple-lazy
• router-solid-monorepo-solid-query
• tanstack-router-solid-example-scroll-restoration
• tanstack-solid-router-search-validator-adapters
• tanstack-solid-start-example-basic
• tanstack-solid-start-example-basic-auth
• tanstack-solid-start-example-basic-authjs
• tanstack-solid-start-example-basic-cloudflare
• tanstack-solid-start-example-basic-netlify
• tanstack-solid-start-example-basic-nitro
• tanstack-start-example-basic-solid-query
• tanstack-solid-start-example-basic-static
• tanstack-solid-start-bun-hosting
• tanstack-solid-start-example-convex-better-auth
• tanstack-solid-start-example-counter
• tanstack-solid-start-i18n-paraglide
• tanstack-solid-start-example-large
• tanstack-solid-start-streaming-data-from-server-functions
• tanstack-solid-start-example-supabase-basic
• tanstack-solid-start-tailwind-v4
• tanstack-router-solid-example-view-transitions
• tanstack-router-solid-example-with-framer-motion
• tanstack-router-solid-example-with-trpc

@tanstack/arktype-adapter

npm i https://pkg.pr.new/@tanstack/arktype-adapter@7274

@tanstack/eslint-plugin-router

npm i https://pkg.pr.new/@tanstack/eslint-plugin-router@7274

@tanstack/eslint-plugin-start

npm i https://pkg.pr.new/@tanstack/eslint-plugin-start@7274

@tanstack/history

npm i https://pkg.pr.new/@tanstack/history@7274

@tanstack/nitro-v2-vite-plugin

npm i https://pkg.pr.new/@tanstack/nitro-v2-vite-plugin@7274

@tanstack/react-router

npm i https://pkg.pr.new/@tanstack/react-router@7274

@tanstack/react-router-devtools

npm i https://pkg.pr.new/@tanstack/react-router-devtools@7274

@tanstack/react-router-ssr-query

npm i https://pkg.pr.new/@tanstack/react-router-ssr-query@7274

@tanstack/react-start

npm i https://pkg.pr.new/@tanstack/react-start@7274

@tanstack/react-start-client

npm i https://pkg.pr.new/@tanstack/react-start-client@7274

@tanstack/react-start-rsc

npm i https://pkg.pr.new/@tanstack/react-start-rsc@7274

@tanstack/react-start-server

npm i https://pkg.pr.new/@tanstack/react-start-server@7274

@tanstack/router-cli

npm i https://pkg.pr.new/@tanstack/router-cli@7274

@tanstack/router-core

npm i https://pkg.pr.new/@tanstack/router-core@7274

@tanstack/router-devtools

npm i https://pkg.pr.new/@tanstack/router-devtools@7274

@tanstack/router-devtools-core

npm i https://pkg.pr.new/@tanstack/router-devtools-core@7274

@tanstack/router-generator

npm i https://pkg.pr.new/@tanstack/router-generator@7274

@tanstack/router-plugin

npm i https://pkg.pr.new/@tanstack/router-plugin@7274

@tanstack/router-ssr-query-core

npm i https://pkg.pr.new/@tanstack/router-ssr-query-core@7274

@tanstack/router-utils

npm i https://pkg.pr.new/@tanstack/router-utils@7274

@tanstack/router-vite-plugin

npm i https://pkg.pr.new/@tanstack/router-vite-plugin@7274

@tanstack/solid-router

npm i https://pkg.pr.new/@tanstack/solid-router@7274

@tanstack/solid-router-devtools

npm i https://pkg.pr.new/@tanstack/solid-router-devtools@7274

@tanstack/solid-router-ssr-query

npm i https://pkg.pr.new/@tanstack/solid-router-ssr-query@7274

@tanstack/solid-start

npm i https://pkg.pr.new/@tanstack/solid-start@7274

@tanstack/solid-start-client

npm i https://pkg.pr.new/@tanstack/solid-start-client@7274

@tanstack/solid-start-server

npm i https://pkg.pr.new/@tanstack/solid-start-server@7274

@tanstack/start-client-core

npm i https://pkg.pr.new/@tanstack/start-client-core@7274

@tanstack/start-fn-stubs

npm i https://pkg.pr.new/@tanstack/start-fn-stubs@7274

@tanstack/start-plugin-core

npm i https://pkg.pr.new/@tanstack/start-plugin-core@7274

@tanstack/start-server-core

npm i https://pkg.pr.new/@tanstack/start-server-core@7274

@tanstack/start-static-server-functions

npm i https://pkg.pr.new/@tanstack/start-static-server-functions@7274

@tanstack/start-storage-context

npm i https://pkg.pr.new/@tanstack/start-storage-context@7274

@tanstack/valibot-adapter

npm i https://pkg.pr.new/@tanstack/valibot-adapter@7274

@tanstack/virtual-file-routes

npm i https://pkg.pr.new/@tanstack/virtual-file-routes@7274

@tanstack/vue-router

npm i https://pkg.pr.new/@tanstack/vue-router@7274

@tanstack/vue-router-devtools

npm i https://pkg.pr.new/@tanstack/vue-router-devtools@7274

@tanstack/vue-router-ssr-query

npm i https://pkg.pr.new/@tanstack/vue-router-ssr-query@7274

@tanstack/vue-start

npm i https://pkg.pr.new/@tanstack/vue-start@7274

@tanstack/vue-start-client

npm i https://pkg.pr.new/@tanstack/vue-start-client@7274

@tanstack/vue-start-server

npm i https://pkg.pr.new/@tanstack/vue-start-server@7274

@tanstack/zod-adapter

npm i https://pkg.pr.new/@tanstack/zod-adapter@7274

commit: d9d05fe

[codspeed-hq]

Merging this PR will not alter performance

✅ 6 untouched benchmarks

---

_{Comparing debug/react-ssr-benchmark-import (d9d05fe) with main (944b155)¹}

Footnotes

1. No successful run was found on main (de98034) during the generation of this report, so 944b155 was used instead as the comparison base. There might be some changes unrelated to this pull request in this report. ↩