fix: use hook

app/_layout.tsx

@@ -47,22 +47,23 @@ SplashScreen.preventAutoHideAsync();
 export default function RootLayout() {
   const { isDarkColorScheme } = useColorScheme();
   const [fontsLoaded, setFontsLoaded] = React.useState(false);
+  const [checkedOnboarding, setCheckedOnboarding] = React.useState(false);
   useConnectionChecker();
 
   const rootNavigationState = useRootNavigationState();
   const hasNavigationState = !!rootNavigationState?.key;
 
-  React.useEffect(() => {
-    const checkOnboardingStatus = async () => {
-      const hasOnboarded = await secureStorage.getItem(hasOnboardedKey);
-      if (!hasOnboarded && hasNavigationState) {
-        router.replace("/onboarding");
-      }
-    };
+  async function  checkOnboardingStatus() {
+    const hasOnboarded = await secureStorage.getItem(hasOnboardedKey);
+    if (!hasOnboarded && hasNavigationState) {
+      router.replace("/onboarding");
+    }
 
-    checkOnboardingStatus();
+    setCheckedOnboarding(true);
+  };
+
+  async function loadFonts() {
 
-    (async () => {
       await Font.loadAsync({
         OpenRunde: require("./../assets/fonts/OpenRunde-Regular.otf"),
         "OpenRunde-Medium": require("./../assets/fonts/OpenRunde-Medium.otf"),
@@ -71,12 +72,27 @@ export default function RootLayout() {
       });
 
       setFontsLoaded(true);
-    })().finally(() => {
-      SplashScreen.hideAsync();
-    });
+  }
+
+  React.useEffect(() => {
+    const init = async () => {
+      try {
+        await Promise.all([
+          checkOnboardingStatus(),
+          loadFonts(),
+        ]);
+      }
+      finally {
+
+        SplashScreen.hideAsync();
+      }
+    };
+
+    init();
+
   }, [hasNavigationState]);
 
-  if (!fontsLoaded) {
+  if (!fontsLoaded || !checkedOnboarding) {
     return null;
   }
 

app/index.js

@@ -1,5 +1,5 @@
-import { Index } from "../pages/Index";
+import { Home } from "../pages/Home";
 
 export default function Page() {
-  return <Index />;
+  return <Home />;
 }

hooks/useOnboarding.ts

@@ -0,0 +1,19 @@
+import { hasOnboardedKey } from "lib/state/appStore";
+import React from "react";
+import { useEffect } from "react";
+import { secureStorage } from "~/lib/secureStorage";
+
+export function useOnboarding() {
+    const [onboarded, setOnboarded] = React.useState(false);
+    useEffect(() => {
+        async function checkOnboardingStatus() {
+            await secureStorage.removeItem(hasOnboardedKey);
+            const hasOnboarded = await secureStorage.getItem(hasOnboardedKey);
+            setOnboarded(!!hasOnboarded);
+        };
+
+        checkOnboardingStatus();
+    });  
+
+    return onboarded;
+}

pages/Home.tsx

@@ -21,6 +21,7 @@ import LargeArrowDown from "~/components/icons/LargeArrowDown";
 import { SvgProps } from "react-native-svg";
 import { Button } from "~/components/ui/button";
 import Screen from "~/components/Screen";
+import { useOnboarding } from "~/hooks/useOnboarding";
 
 dayjs.extend(relativeTime);
 
@@ -40,6 +41,7 @@ export function Home() {
   );
   const [pressed, setPressed] = React.useState(false);
   const rootNavigationState = useRootNavigationState();
+  const isOnboarded = useOnboarding();
 
   useFocusEffect(() => {
     reloadBalance();
@@ -48,10 +50,11 @@ export function Home() {
   let hasNavigationState = !!rootNavigationState?.key;
   const hasNwcClient = !!nwcClient;
   React.useEffect(() => {
-    if (hasNavigationState && !hasNwcClient) {
+    if (hasNavigationState && !hasNwcClient && isOnboarded) {
       router.replace(`/settings/wallets/${selectedWalletId}/wallet-connection`);
     }
-  }, [hasNwcClient, hasNavigationState]);
+  }, [hasNwcClient, hasNavigationState, isOnboarded]);
+
   if (!nwcClient) {
     return <WalletConnection />;
   }

pages/Onboarding.tsx

@@ -10,7 +10,7 @@ import { hasOnboardedKey } from "~/lib/state/appStore";
 export function Onboarding() {
   async function finish() {
     secureStorage.setItem(hasOnboardedKey, "true");
-    router.replace("/home");
+    router.replace("/");
   }
 
   return (

pages/receive/ReceiveSuccess.tsx

@@ -47,7 +47,7 @@ export function ReceiveSuccess() {
         <Button
           size="lg"
           onPress={() => {
-            router.replace("/home");
+            router.replace("/");
           }}
         >
           <Text>Close</Text>

pages/send/PaymentSuccess.tsx

@@ -46,7 +46,7 @@ export function PaymentSuccess() {
           size="lg"
           className="w-full"
           onPress={() => {
-            router.replace("/home");
+            router.replace("/");
           }}
         >
           <Text>Close</Text>

pages/settings/Settings.tsx

@@ -85,6 +85,7 @@ export function Settings() {
                       onPress: () => {
                         router.dismissAll();
                         useAppStore.getState().reset();
+                        router.replace("/");
                       },
                     },
                   ],

pages/settings/wallets/WalletConnection.tsx

@@ -73,7 +73,7 @@ export function WalletConnection() {
       if (router.canDismiss()) {
         router.dismissAll();
       }
-      router.replace("/home");
+      router.replace("/");
       Toast.show({
         type: "success",
         text1: "Wallet Connected",
@@ -97,7 +97,7 @@ export function WalletConnection() {
                 useAppStore
                   .getState()
                   .setSelectedWalletId(walletIdWithConnection);
-                router.replace("/home");
+                router.replace("/");
               }}
             >
               <X className="text-foreground" />