fix(clerk-react,tanstack): TanStack Start loaders running twice and hydration issues due to Clerk resolved

[kaandok]

Description

• Removes unnecessary router.load() in middlewareHandler.ts which is causing router to re-run processing. This was originally proposed in Fix Tanstack Start Context Corruption and stop loaders from re-running. #4414 by @phibr0 but got reverted in dac21ed. It is still a problem and needs the fix.
• Wraps state updates in ClerkContextProvider.tsx with React.startTransition so server side rendered pages do not have hydration issues.

Checklist

• pnpm test runs as expected.
• pnpm build runs as expected.

Type of change

• 🐛 Bug fix

[changeset-bot]

🦋 Changeset detected

Latest commit: 92aba25

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 9 packages

Name	Type
@clerk/tanstack-start	Patch
@clerk/clerk-react	Patch
@clerk/chrome-extension	Patch
@clerk/elements	Patch
@clerk/clerk-expo	Patch
@clerk/nextjs	Patch
@clerk/react-router	Patch
@clerk/remix	Patch
@clerk/ui	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
clerk-js-sandbox	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 13, 2025 3:05pm

[octoper]

!snapshot

[clerk-cookie]

Hey @octoper - the snapshot version command generated the following package versions:

Package	Version
@clerk/chrome-extension	2.1.10-snapshot.v20250110130323
@clerk/clerk-js	5.43.7-snapshot.v20250110130323
@clerk/elements	0.22.8-snapshot.v20250110130323
@clerk/clerk-expo	2.6.9-snapshot.v20250110130323
@clerk/nextjs	6.9.9-snapshot.v20250110130323
@clerk/clerk-react	5.21.3-snapshot.v20250110130323
@clerk/react-router	0.1.8-snapshot.v20250110130323
@clerk/remix	4.4.9-snapshot.v20250110130323
@clerk/tanstack-start	0.8.8-snapshot.v20250110130323
@clerk/ui	0.3.9-snapshot.v20250110130323

Tip: Use the snippet copy button below to quickly install the required packages.
@clerk/chrome-extension

npm i @clerk/[email protected] --save-exact

@clerk/clerk-js

npm i @clerk/[email protected] --save-exact

@clerk/elements

npm i @clerk/[email protected] --save-exact

@clerk/clerk-expo

npm i @clerk/[email protected] --save-exact

@clerk/nextjs

npm i @clerk/[email protected] --save-exact

@clerk/clerk-react

npm i @clerk/[email protected] --save-exact

@clerk/react-router

npm i @clerk/[email protected] --save-exact

@clerk/remix

npm i @clerk/[email protected] --save-exact

@clerk/tanstack-start

npm i @clerk/[email protected] --save-exact

@clerk/ui

npm i @clerk/[email protected] --save-exact

[kaandok]

!snapshot

[kaandok]

hey @octoper , is there something I should have done differently to get rid of the CI errors for "Write all ENV certificates to files in integration/certs" step? https://github.com/clerk/javascript/actions/runs/12706419001/job/35419499912?pr=4838#step:11:2

all integration tests failed on that step.

[octoper]

Hey @kaandok, and thanks for opening this PR!
The tests failing for another reason, right now the tests will only run on a PR by Clerk staff member, I will run them manually and I will update here later today or tomorrow!

Also the !snapshot can only be used by Clerk staff only too

[tomkuehl]

any news? 👀