Tiago Freitas Comments - Convex Community

Tiago Freitas

•Created by Ahmed on 2/9/2025 in #support-community

Convex, react flow and collaboration

did you make this work? I started working on it too and also not sure about the best approach. react flow expects arrays of nodes and edges as props and we can implement components for the individual nodes/edges but not sure if we can’t use the reactive hooks as it needs to have access to all the nodes/edges in its internal zustand store

4 replies

CCConvex Community

•Created by Tiago Freitas on 2/27/2025 in #support-community

nextauth auth with convex tokens

if I don't add the debouce to forceRefreshToken I get into a loop

9 replies

CCConvex Community

•Created by Tiago Freitas on 2/27/2025 in #support-community

nextauth auth with convex tokens

in my providers.tsx:

const convex = new ConvexReactClient(process.env.NEXT_PUBLIC_CONVEX_URL!);

function useAuth() {
  const { data: session, status, update } = useSession();
  const typedSession = session as SessionWithConvex | null;
  const isLoading = status === "loading";
  const isAuthenticated = !!typedSession?.user;

  const lastRefreshTime = useRef(0);
  const debounceMs = 1000; // 1-second debounce

  const fetchAccessToken = useCallback(
    async ({ forceRefreshToken }: { forceRefreshToken: boolean }) => {
      const now = Date.now();
      if (forceRefreshToken && now - lastRefreshTime.current < debounceMs) {
        console.log("Debouncing token refresh, returning current token");
        return typedSession?.convexToken || null;
      }

      if (forceRefreshToken) {
        lastRefreshTime.current = now;
        const newSession = await update();
        return (newSession as SessionWithConvex)?.convexToken || null;
      }
      return typedSession?.convexToken || null;
    },
    [typedSession, update]
  );

  return useMemo(
    () => ({
      isLoading,
      isAuthenticated,
      fetchAccessToken,
    }),
    [isLoading, isAuthenticated, fetchAccessToken]
  );
}

export function Providers({ children }: { children: ReactNode }) {
  return (
    <SessionProvider>
      <ConvexProviderWithAuth client={convex} useAuth={useAuth}>
        {children}
      </ConvexProviderWithAuth>
    </SessionProvider>
  );
}

const convex = new ConvexReactClient(process.env.NEXT_PUBLIC_CONVEX_URL!);

function useAuth() {
  const { data: session, status, update } = useSession();
  const typedSession = session as SessionWithConvex | null;
  const isLoading = status === "loading";
  const isAuthenticated = !!typedSession?.user;

  const lastRefreshTime = useRef(0);
  const debounceMs = 1000; // 1-second debounce

  const fetchAccessToken = useCallback(
    async ({ forceRefreshToken }: { forceRefreshToken: boolean }) => {
      const now = Date.now();
      if (forceRefreshToken && now - lastRefreshTime.current < debounceMs) {
        console.log("Debouncing token refresh, returning current token");
        return typedSession?.convexToken || null;
      }

      if (forceRefreshToken) {
        lastRefreshTime.current = now;
        const newSession = await update();
        return (newSession as SessionWithConvex)?.convexToken || null;
      }
      return typedSession?.convexToken || null;
    },
    [typedSession, update]
  );

  return useMemo(
    () => ({
      isLoading,
      isAuthenticated,
      fetchAccessToken,
    }),
    [isLoading, isAuthenticated, fetchAccessToken]
  );
}

export function Providers({ children }: { children: ReactNode }) {
  return (
    <SessionProvider>
      <ConvexProviderWithAuth client={convex} useAuth={useAuth}>
        {children}
      </ConvexProviderWithAuth>
    </SessionProvider>
  );
}

9 replies

CCConvex Community

•Created by Tiago Freitas on 2/27/2025 in #support-community

nextauth auth with convex tokens

@ballingt I still have an issue with convex calliing forceRefreshToken and that forces a nextauth session update which causes a loop. I have to debounce a second to stop the loop

9 replies

CCConvex Community

•Created by Tiago Freitas on 2/27/2025 in #support-community

nextauth auth with convex tokens

that helped got it to work, now just trying to solve a nextauth loop issue generating tokens on all pages. just to be sure, your guides are meant to use convex auth as a provider with users saved in convex. if I want to keep using mextauth db for users and pages auth, i should not use the convex adapter and just save the tokens in the session to send to convex

9 replies

CCConvex Community