Convex Auth signaling unauthenticated in RN after inactive

const Layout = () => {
  const { isLoading, isAuthenticated } = useConvexAuth()

  if (isLoading) {
    return null
  }

  if (!isAuthenticated) {
    console.log('not authenticated, redirecting')
    return <Redirect href={signInRoute()} />
  }

  return (
    <Stack ... />
  )
}

const Layout = () => {
  const { isLoading, isAuthenticated } = useConvexAuth()

  if (isLoading) {
    return null
  }

  if (!isAuthenticated) {
    console.log('not authenticated, redirecting')
    return <Redirect href={signInRoute()} />
  }

  return (
    <Stack ... />
  )
}

 LOG  removeItem args ["__convexAuthRefreshToken_<redacted>"]
 LOG  removeItem result undefined
 LOG  WebSocket reconnected
 LOG  getItem args ["__convexAuthRefreshToken_<redacted>"]
 LOG  getItem result null
 LOG  appState active
 LOG  isLoading false
 LOG  isAuthenticated false

 LOG  removeItem args ["__convexAuthRefreshToken_<redacted>"]
 LOG  removeItem result undefined
 LOG  WebSocket reconnected
 LOG  getItem args ["__convexAuthRefreshToken_<redacted>"]
 LOG  getItem result null
 LOG  appState active
 LOG  isLoading false
 LOG  isAuthenticated false

 LOG  appState active
 LOG  isLoading true
 LOG  isAuthenticated false
 LOG  getItem args ["__convexAuthJWT_<redacted>"]
 LOG  getItem result <redactedJWT>
8/17/2024, 2:38:37 PM [CONVEX H(GET /.well-known/openid-configuration)] Function executed in 1134 ms
8/17/2024, 2:38:38 PM [CONVEX H(GET /.well-known/jwks.json)] Function executed in 482 ms
 LOG  appState active
 LOG  isLoading false
 LOG  isAuthenticated true
 LOG  getItem args ["__convexAuthRefreshToken_<redacted>"]
 LOG  getItem result <redactedToken>
 LOG  removeItem args ["__convexAuthRefreshToken_<redacted>"]
 LOG  removeItem result undefined
8/17/2024, 2:38:38 PM [CONVEX M(auth:store)] Function executed in 312 ms
 LOG  setItem args ["__convexAuthJWT_<redacted>", "<redactedJWT>"]
 LOG  setItem result undefined
 LOG  setItem args ["__convexAuthRefreshToken_<redacted>", "<redactedToken>"]
 LOG  setItem result undefined

 LOG  appState active
 LOG  isLoading true
 LOG  isAuthenticated false
 LOG  getItem args ["__convexAuthJWT_<redacted>"]
 LOG  getItem result <redactedJWT>
8/17/2024, 2:38:37 PM [CONVEX H(GET /.well-known/openid-configuration)] Function executed in 1134 ms
8/17/2024, 2:38:38 PM [CONVEX H(GET /.well-known/jwks.json)] Function executed in 482 ms
 LOG  appState active
 LOG  isLoading false
 LOG  isAuthenticated true
 LOG  getItem args ["__convexAuthRefreshToken_<redacted>"]
 LOG  getItem result <redactedToken>
 LOG  removeItem args ["__convexAuthRefreshToken_<redacted>"]
 LOG  removeItem result undefined
8/17/2024, 2:38:38 PM [CONVEX M(auth:store)] Function executed in 312 ms
 LOG  setItem args ["__convexAuthJWT_<redacted>", "<redactedJWT>"]
 LOG  setItem result undefined
 LOG  setItem args ["__convexAuthRefreshToken_<redacted>", "<redactedToken>"]
 LOG  setItem result undefined

const Layout = () => {
  // pseudocode. Firebase auth always persist sessions
  const { isLoading, isAuthenticated } = useFirebaseAuth()

  if (isLoading) {
    return null
  }


  if (!isAuthenticated) {
    console.log('not authenticated, redirecting')
    return <Redirect href={signInRoute()} />
  }

  return (
    <Stack ... />
  )
}

const Layout = () => {
  // pseudocode. Firebase auth always persist sessions
  const { isLoading, isAuthenticated } = useFirebaseAuth()

  if (isLoading) {
    return null
  }


  if (!isAuthenticated) {
    console.log('not authenticated, redirecting')
    return <Redirect href={signInRoute()} />
  }

  return (
    <Stack ... />
  )
}

import auth from '@react-native-firebase/auth';
import {useCallback, useEffect, useMemo, useState} from 'react';

export function useAuthFromFirebase() {
  const [isAuthenticated, setIsAuthenticated] = useState<undefined | boolean>(
    undefined,
  );

  useEffect(() => {
    const subscription = auth().onAuthStateChanged(user => {
      if (user) {
        setIsAuthenticated(true);
      } else {
        setIsAuthenticated(false);
      }
    });
    return subscription;
  }, []);

  const fetchAccessToken = useCallback(
    async ({forceRefreshToken}: {forceRefreshToken: boolean}) => {
      // Here you can do whatever transformation to get the ID Token
      // or null
      // Make sure to fetch a new token when `forceRefreshToken` is true
      const idToken = await auth().currentUser?.getIdToken(forceRefreshToken);
      return idToken ?? null;
    },
    // If `getToken` isn't correctly memoized
    // remove it from this dependency array
    [],
  );
  return useMemo(
    () => ({
      // Whether the auth provider is in a loading state
      isLoading: isAuthenticated == null ? true : false,
      // Whether the auth provider has the user signed in
      isAuthenticated: isAuthenticated ?? false,
      // The async function to fetch the ID token
      fetchAccessToken,
    }),
    [isAuthenticated, fetchAccessToken],
  );
}

import auth from '@react-native-firebase/auth';
import {useCallback, useEffect, useMemo, useState} from 'react';

export function useAuthFromFirebase() {
  const [isAuthenticated, setIsAuthenticated] = useState<undefined | boolean>(
    undefined,
  );

  useEffect(() => {
    const subscription = auth().onAuthStateChanged(user => {
      if (user) {
        setIsAuthenticated(true);
      } else {
        setIsAuthenticated(false);
      }
    });
    return subscription;
  }, []);

  const fetchAccessToken = useCallback(
    async ({forceRefreshToken}: {forceRefreshToken: boolean}) => {
      // Here you can do whatever transformation to get the ID Token
      // or null
      // Make sure to fetch a new token when `forceRefreshToken` is true
      const idToken = await auth().currentUser?.getIdToken(forceRefreshToken);
      return idToken ?? null;
    },
    // If `getToken` isn't correctly memoized
    // remove it from this dependency array
    [],
  );
  return useMemo(
    () => ({
      // Whether the auth provider is in a loading state
      isLoading: isAuthenticated == null ? true : false,
      // Whether the auth provider has the user signed in
      isAuthenticated: isAuthenticated ?? false,
      // The async function to fetch the ID token
      fetchAccessToken,
    }),
    [isAuthenticated, fetchAccessToken],
  );
}

const userIdentity: UserIdentity | null = await ctx.auth.getUserIdentity();

const userIdentity: UserIdentity | null = await ctx.auth.getUserIdentity();

  /**
   * Convex calls this function automatically with `forceRefreshToken` set to `true`.
   * https://docs.convex.dev/auth/advanced/custom-auth
   */
  const fetchAccessToken = useCallback(
    async ({ forceRefreshToken }: { forceRefreshToken: boolean }) => {
      try {
        if (forceRefreshToken) {
          const user: CognitoUser = await Auth.currentAuthenticatedUser({ bypassCache: true });
        }
        const session = await Auth.currentSession();
        setIsAuthenticated(true);
        return session.getIdToken().getJwtToken();
      } catch (error) {
        setIsAuthenticated(false);
        return null;
      }
    },
    []
  );

  /**
   * Convex calls this function automatically with `forceRefreshToken` set to `true`.
   * https://docs.convex.dev/auth/advanced/custom-auth
   */
  const fetchAccessToken = useCallback(
    async ({ forceRefreshToken }: { forceRefreshToken: boolean }) => {
      try {
        if (forceRefreshToken) {
          const user: CognitoUser = await Auth.currentAuthenticatedUser({ bypassCache: true });
        }
        const session = await Auth.currentSession();
        setIsAuthenticated(true);
        return session.getIdToken().getJwtToken();
      } catch (error) {
        setIsAuthenticated(false);
        return null;
      }
    },
    []
  );