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

.changeset/green-files-cheat.md

@@ -0,0 +1,5 @@
+---
+'@clerk/tanstack-start': patch
+---
+
+TanStack Start loaders will not run twice due to Clerk handler

.changeset/perfect-turtles-do.md

@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-react': patch
+---
+
+ClerkContextProvider uses React.startTransition for state updates fixing hydration issues for SSR

packages/react/src/contexts/ClerkContextProvider.tsx

@@ -28,7 +28,11 @@ export function ClerkContextProvider(props: ClerkContextProvider) {
   });
 
   React.useEffect(() => {
-    return clerk.addListener(e => setState({ ...e }));
+    return clerk.addListener((e: any) => {
+      React.startTransition(() => {
+        setState({ ...e });
+      });
+    });
   }, []);
 
   const derivedState = deriveState(clerkLoaded, state, initialState);
@@ -100,7 +104,11 @@ const useLoadedIsomorphicClerk = (options: IsomorphicClerkOptions) => {
   }, [options.localization]);
 
   React.useEffect(() => {
-    isomorphicClerk.addOnLoaded(() => setLoaded(true));
+    isomorphicClerk.addOnLoaded(() => {
+      React.startTransition(() => {
+        setLoaded(true);
+      });
+    });
   }, []);
 
   React.useEffect(() => {

packages/tanstack-start/src/server/middlewareHandler.ts

@@ -30,8 +30,6 @@ export function createClerkHandler<TRouter extends AnyRouter>(
         router.update({
           context: { ...router.options.context, ...clerkInitialState },
         });
-
-        await router.load();
       } catch (error) {
         if (error instanceof Response) {
           // returning the response