React: Run ConvexAuthState as layout effect (#28408)

Use `useLayoutEffect` so that the call to `setAuth` runs before any query subscriptions from child components. GitOrigin-RevId: 999ff5219de51533281c873c232051c5d58441e9
get-convex · Jul 30, 2024 · ae099e3 · ae099e3
1 parent 93cdba5
commit ae099e3
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/npm-packages/convex/src/react/ConvexAuthState.tsx b/npm-packages/convex/src/react/ConvexAuthState.tsx
@@ -2,7 +2,7 @@ import React, {
   createContext,
   ReactNode,
   useContext,
-  useEffect,
+  useLayoutEffect,
   useState,
 } from "react";
 import { AuthTokenFetcher } from "../browser/sync/client.js";
@@ -89,7 +89,7 @@ export function ConvexProviderWithAuth({
     boolean | null
   >(null);
 
-  useEffect(() => {
+  useLayoutEffect(() => {
     let isThisEffectRelevant = true;
     if (isAuthenticated) {
       client.setAuth(fetchAccessToken, (isAuthenticated) => {