[React-Native] Custom Auth - JWT refresh issue

export const App = () => {
  const {isLoading} = useConvexAuth();

  if (isLoading) {
    return (
      <View
        style={{
          flex: 1,
          backgroundColor: 'white',
          justifyContent: 'center',
          alignItems: 'center',
        }}>
        <ActivityIndicator />
      </View>
    );
  } else {
    return (<HomeFeed/>)
// renders the app that only consist of an home feed. That inner component calls `getHomeFeed` written below
  }
}

export const App = () => {
  const {isLoading} = useConvexAuth();

  if (isLoading) {
    return (
      <View
        style={{
          flex: 1,
          backgroundColor: 'white',
          justifyContent: 'center',
          alignItems: 'center',
        }}>
        <ActivityIndicator />
      </View>
    );
  } else {
    return (<HomeFeed/>)
// renders the app that only consist of an home feed. That inner component calls `getHomeFeed` written below
  }
}

export const getHomeFeed = query({
handler: async (ctx) => {
  const userIdentity = await ctx.auth.getUserIdentity();
  if (userIdentity == null) {
    throw new ConvexError(ApiError.USER_NOT_AUTHENTICATED);
  }
// returns the home feed
 }
})

export const getHomeFeed = query({
handler: async (ctx) => {
  const userIdentity = await ctx.auth.getUserIdentity();
  if (userIdentity == null) {
    throw new ConvexError(ApiError.USER_NOT_AUTHENTICATED);
  }
// returns the home feed
 }
})

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],
  );
}