handling request error a little better by checking if response is inside the error object

src/screens/UserLoginScreen.tsx

@@ -10,6 +10,7 @@ import Text from "@components/bases/Text";
 import { Fontisto } from "@expo/vector-icons";
 import { containers } from "@styles/Commons";
 import { useMutation } from "@tanstack/react-query";
+import type { AxiosError } from "axios";
 import { useCallback, useState } from "react";
 import { KeyboardAvoidingView, Platform, TouchableOpacity, View } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
@@ -28,14 +29,20 @@ const UserLoginScreen: UnloggedUserStackScreenComponentProps<"userLoginScreen">
 		mutationFn: authenticateUser,
 		onSuccess: (data) => {
 			setAuthenticationData(data);
-			navigation.navigate("bottomTabs");
+			navigation.popToTop();
+			navigation.replace("bottomTabs");
 		},
-		onError: (error) => {
-			console.error("error :: ", error.response.data);
-			if (error.response.status === 400) {
-				return setError("Bad request");
+		// biome-ignore lint/suspicious/noExplicitAny: <Axios error>
+		onError: (error: AxiosError<any>) => {
+			if (error.response) {
+				console.error("error :: ", error.response.data);
+				if (error.response.status === 400) {
+					return setError("Bad request");
+				}
+				const message: string = error.response.data.detail;
+				return setError(message);
 			}
-			setError(error.response.data.detail);
+			setError("Unknown error");
 		},
 	});