Solid v2 beta 10

[brenelz]

No description provided.

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 8903b70d-2072-4619-a283-1bfd94075c4c

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch solid-v2-beta-9

---

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.}

[nx-cloud]

View your CI Pipeline Execution ↗ for commit ad6acb6

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

---

☁️ Nx Cloud last updated this comment at 2026-04-30 02:05:57 UTC

[github-actions]

🚀 Changeset Version Preview

6 package(s) bumped directly, 0 bumped as dependents.

🟩 Patch bumps

Package	Version	Reason
@tanstack/solid-router	2.0.0-beta.16 → 2.0.0-beta.17	Changeset
@tanstack/solid-router-devtools	2.0.0-beta.12 → 2.0.0-beta.13	Changeset
@tanstack/solid-router-ssr-query	2.0.0-beta.17 → 2.0.0-beta.18	Changeset
@tanstack/solid-start	2.0.0-beta.17 → 2.0.0-beta.18	Changeset
@tanstack/solid-start-client	2.0.0-beta.16 → 2.0.0-beta.17	Changeset
@tanstack/solid-start-server	2.0.0-beta.16 → 2.0.0-beta.17	Changeset

[github-actions]

Bundle Size Benchmarks

• Commit: 7fa0f39cabf4
• Measured at: 2026-04-30T02:05:16.740Z
• Baseline source: history:7fa0f39cabf4
• Dashboard: bundle-size history

Scenario	Current (gzip)	Delta vs baseline	Raw	Brotli	Trend
react-router.minimal	87.48 KiB	+184 B (+0.21%)	275.76 KiB	75.97 KiB	▃▃▃▃▃▃▁▁▁▁▁█
react-router.full	90.78 KiB	-23 B (-0.02%)	286.95 KiB	78.95 KiB	▁▁▁▁▁▁█████▁
solid-router.minimal	40.72 KiB	+5.17 KiB (+14.56%)	119.90 KiB	36.76 KiB	▁▁▁▁▁▁▁▁▁▁▁█
solid-router.full	45.12 KiB	+4.84 KiB (+12.01%)	133.64 KiB	40.74 KiB	▁▁▁▁▁▁▁▁▁▁▁█
vue-router.minimal	53.38 KiB	+88 B (+0.16%)	153.07 KiB	47.94 KiB	▁▁▁▁▁▁▁▁▁▁▁█
vue-router.full	58.25 KiB	-202 B (-0.34%)	168.53 KiB	52.18 KiB	███████████▁
react-start.minimal	102.01 KiB	+89 B (+0.09%)	324.00 KiB	88.21 KiB	▁▁▁▁▁▁▁▁▁▁▁█
react-start.full	105.38 KiB	+39 B (+0.04%)	334.35 KiB	91.14 KiB	▃▃▃▃▃▃▁▁▁▁▁█
solid-start.minimal	61.33 KiB	+11.78 KiB (+23.77%)	186.64 KiB	54.33 KiB	▁▁▁▁▁▁▁▁▁▁▁█
solid-start.full	65.20 KiB	+9.87 KiB (+17.84%)	198.16 KiB	57.67 KiB	▁▁▁▁▁▁▁▁▁▁▁█

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

[pkg-pr-new]

More templates

• 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-rsc
• 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-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-vue-example-basic-jsx
• tanstack-router-vue-example-basic-file-based-jsx
• tanstack-router-vue-example-basic-file-based-sfc
• 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@7284

@tanstack/eslint-plugin-router

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

@tanstack/history

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

@tanstack/nitro-v2-vite-plugin

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

@tanstack/react-router

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

@tanstack/react-router-devtools

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

@tanstack/react-router-ssr-query

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

@tanstack/react-start

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

@tanstack/react-start-client

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

@tanstack/react-start-server

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

@tanstack/router-cli

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

@tanstack/router-core

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

@tanstack/router-devtools

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

@tanstack/router-devtools-core

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

@tanstack/router-generator

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

@tanstack/router-plugin

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

@tanstack/router-ssr-query-core

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

@tanstack/router-utils

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

@tanstack/router-vite-plugin

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

@tanstack/solid-router

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

@tanstack/solid-router-devtools

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

@tanstack/solid-router-ssr-query

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

@tanstack/solid-start

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

@tanstack/solid-start-client

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

@tanstack/solid-start-server

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

@tanstack/start-client-core

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

@tanstack/start-fn-stubs

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

@tanstack/start-plugin-core

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

@tanstack/start-server-core

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

@tanstack/start-static-server-functions

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

@tanstack/start-storage-context

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

@tanstack/valibot-adapter

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

@tanstack/virtual-file-routes

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

@tanstack/vue-router

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

@tanstack/vue-router-devtools

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

@tanstack/vue-router-ssr-query

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

@tanstack/vue-start

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

@tanstack/vue-start-client

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

@tanstack/vue-start-server

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

@tanstack/zod-adapter

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

commit: 299cce3

[codspeed-hq]

Merging this PR will degrade performance by 9.33%

❌ 1 regressed benchmark
✅ 5 untouched benchmarks

⚠️ Please fix the performance issues or acknowledge them on CodSpeed.

Performance Changes

	Benchmark	BASE	HEAD	Efficiency
❌	ssr request loop (solid)	174.6 ms	192.6 ms	-9.33%

---

_{Comparing solid-v2-beta-9 (299cce3) with solid-router-v2-pre (67a9040)¹}

Footnotes

1. No successful run was found on solid-router-v2-pre (57cf15f) during the generation of this report, so 67a9040 was used instead as the comparison base. There might be some changes unrelated to this pull request in this report. ↩

[nx-cloud]

Important

At least one additional CI pipeline execution has run since the conclusion below was written and it may no longer be applicable.

Nx Cloud is proposing a fix for your failed CI:

We re-apply the createRenderEffect/flatten shim in StartClient.tsx that was introduced in commit 5b4049675b and then inadvertently reverted, restoring compatibility with Solid.js v2 beta.9's updated reactive scheduler. Without this call, the RouterProvider JSX is not properly connected to Solid.js v2's reactive graph during client hydration, causing all client-rendered routes to produce blank pages and failing 22/29 server-function E2E tests and 1/6 basic-solid-query E2E tests.

Tip

✅ We verified this fix by re-running tanstack-solid-start-e2e-csp:test:e2e, tanstack-solid-start-e2e-css-modules:test:e2e, tanstack-solid-start-e2e-server-routes:test:e2e and 5 more.

diff --git a/packages/solid-start-client/src/StartClient.tsx b/packages/solid-start-client/src/StartClient.tsx
index 88fd53e732..4bfd8ecc51 100644
--- a/packages/solid-start-client/src/StartClient.tsx
+++ b/packages/solid-start-client/src/StartClient.tsx
@@ -1,6 +1,12 @@
+import * as Solid from 'solid-js'
 import { RouterProvider } from '@tanstack/solid-router'
 import type { AnyRouter } from '@tanstack/router-core'
 
 export function StartClient(props: { router: AnyRouter }) {
-  return <RouterProvider router={props.router} />
+  const routerProvider = <RouterProvider router={props.router} />
+  Solid.createRenderEffect(
+    () => Solid.flatten(routerProvider),
+    () => {},
+  )
+  return routerProvider
 }

  

Or Apply changes locally with:

npx nx-cloud apply-locally GjBI-xyFa

Apply fix locally with your editor ↗   View interactive diff ↗

_{🎓 Learn more about Self-Healing CI on nx.dev}