use a different caching approach. Will modify it later.

src/contexts/UserAuthenticationContext.tsx

-import { loadAssetsAsync } from "@/utils/assetsCache";
+import cacheAssetsAsync from "@/utils/assetsCache";
 import authenticateUser, { parseAuthicationErrors } from "@/utils/requests/authenticateUser";
 import type { IuserInformations } from "@/utils/requests/types";
 import getUserInformations, {
@@ -235,7 +235,16 @@ export const UserAuthenticationContextProvider = ({ children }: { children: Reac
 		log.debug("UserAuthenticationContext | App Startup | loading saved user data.");
 		(async () => {
 			try {
-				await loadAssetsAsync();
+				// await loadAssetsAsync();
+				await cacheAssetsAsync({
+					images: [
+						"../assets/background_default.png",
+						"../assets/beasy_default.png",
+						"../assets/beasy_background.png",
+						"../assets/background_content_white2.png",
+						"../../assets/background.png",
+					],
+				});
 				const authenticationData = await loadAuthenticationData();
 				const userInformations = await loadUserInformations();
 				if (authenticationData && userInformations) {

src/utils/assetsCache.tsx

@@ -6,36 +6,22 @@ import { LOG } from "@logger";
 
 const log = LOG.extend("assetsCache");
 
-const PATH_TO_ASSETS_FOLDER = "../../assets";
-
-const IMAGE_TO_CACHE = [
-	require("../../assets/beasy_icon.png"),
-	require(`${PATH_TO_ASSETS_FOLDER}/beasy_splash.png`),
-	require(`${PATH_TO_ASSETS_FOLDER}/beasy_default.png`),
-	require(`${PATH_TO_ASSETS_FOLDER}/beasy_background.png`),
-	// Operators
-	require(`${PATH_TO_ASSETS_FOLDER}/operators/orange_money.png`),
-	require(`${PATH_TO_ASSETS_FOLDER}/operators/mtn_money.png`),
-	require(`${PATH_TO_ASSETS_FOLDER}/operators/moov_money.png`),
-	require(`${PATH_TO_ASSETS_FOLDER}/operators/wave_money.png`),
-	require(`${PATH_TO_ASSETS_FOLDER}/operators/visa_card.png`),
-];
-
-const cacheImages = () => {
-	return IMAGE_TO_CACHE.map((image) => {
-		log.verbose("cacheImages |", image);
-		return Asset.fromModule(image).downloadAsync();
-	});
-};
-
-export const cacheAssetsAsync = () => {
-	return Promise.all([...cacheImages()]);
-};
-
-export const loadAssetsAsync = async () => {
-	try {
-		await cacheAssetsAsync();
-	} catch (error) {
-		log.error("loadAssetsAsync |", error);
-	}
-};
+export default function cacheAssetsAsync({
+	images = [],
+	fonts = [],
+	videos = [],
+}: { images?: string[]; fonts?: string[]; videos?: string[] }) {
+	return Promise.all([...cacheImages(images)]);
+}
+
+function cacheImages(images: string[]) {
+	return images.map((image) => Asset.fromModule(image).downloadAsync());
+}
+
+// function cacheVideos(videos) {
+// 	return videos.map((video) => Asset.fromModule(video).downloadAsync());
+// }
+
+// function cacheFonts(fonts) {
+// 	return fonts.map((font) => Font.loadAsync(font));
+// }