React Native Context: how and where to update + set - reactjs

Question

I am creating a user Context to keep track of my app's user data like name, email, phone etc. Where & how should I be updating this user context? Currently I am updating the context in the same component functions that are calling the database to update the user record. Is this a correct pattern? Or should the context be automatically updated by the database record changes somehow? Separately on authentication, I am reading the user record from the database and setting it on the user context. Is it correct to set the user on auth or should it be on every load? What is the life cycle of the context? Under which conditions should I update the user context? Is updating the context always manual or is there some method to keep it in sync with the database changes?
I've done lots of reading and asking around and can't seem to figure this out. Thanks in advance!
Tech stack: Firebase Firestore, React Native, Expo.
index.tsx
function RootNavigator() {
const { authUser, setAuthUser, user, setUser } = useContext(AuthContext);
const [isLoading, setIsLoading] = useState(true);
useEffect(() => {
// onAuthStateChanged returns an unsubscriber
const unsubscribeAuth = auth.onAuthStateChanged(
async (authenticatedUser) => {
authenticatedUser ? setAuthUser(authenticatedUser) : setAuthUser(null);
setIsLoading(false);
}
);
// unsubscribe auth listener on unmount
return unsubscribeAuth;
}, [authUser]);
// calls the server to populate the user object & set it in context
useEffect(() => {
const loadUserFromFirestore = async () => {
const dbUser = await getUser(authUser?.uid);
if (dbUser !== null) {
// sets user context
setUser(dbUser);
} else {
}
};
loadUserFromFirestore();
}, [authUser]); // is this the correct condition?
EditProfileScreen.tsx
export default function EditProfileScreen({
navigation,
}: RootStackScreenProps<"EditProfile">) {
const { user, setUser } = useContext(AuthContext);
const saveProfile = () => {
// update user in database
updateUser({
id: authUser?.uid,
firstName: firstName,
lastName: lastName,
email: email,
} as User);
// updating user context
// context should only be updated from database state?
// how often does context get updated? is there a way to update this when we know db data changed?
setUser({
...user,
firstName: firstName,
lastName: lastName,
email: email,
});
navigation.goBack();
};
firebaseMethods.tsx
export async function updateUser(user: User) {
console.log("Updating user");
const userRef = doc(database, "users", user.id);
await updateDoc(userRef, {
firstName: user.firstName,
lastName: user.lastName,
email: user.email,
updatedAt: serverTimestamp(),
});
}