import { useAuth } from "@clerk/expo";import { AuthView, UserProfileView } from "@clerk/expo/native";import { StackActions, useNavigation } from "@react-navigation/native";import { NativeStackScreenOptions } from "../../native/StackHeader";import { useEffect } from "react";import { View } from "react-native"; import { hasCloudPublicConfig } from "../cloud/publicConfig"; export function SettingsAuthRouteScreen() {  const navigation = useNavigation();   useEffect(() => {    if (!hasCloudPublicConfig()) {      navigation.dispatch(StackActions.replace("Settings"));    }  }, [navigation]);   return hasCloudPublicConfig() ? <ConfiguredSettingsAuthRouteScreen /> : null;} function ConfiguredSettingsAuthRouteScreen() {  const { isLoaded, isSignedIn } = useAuth({ treatPendingAsSignedOut: false });   return (    <>      <NativeStackScreenOptions options={{ title: isSignedIn ? "Account" : "Sign in" }} />      <View collapsable={false} className="flex-1 overflow-hidden bg-sheet">        {isLoaded ? (          isSignedIn ? (            <UserProfileView isDismissible={false} />          ) : (            <AuthView isDismissible={false} />          )        ) : null}      </View>    </>  );}