fix: hide splash screen on onboarding and login screens

src/features/auth/login-screen.tsx

@@ -1,5 +1,6 @@
 import type { LoginFormProps } from './components/login-form';
 import { useRouter } from 'expo-router';
+import * as SplashScreen from 'expo-splash-screen';
 
 import * as React from 'react';
 import { FocusAwareStatusBar } from '@/components/ui';
@@ -10,6 +11,10 @@ export function LoginScreen() {
   const router = useRouter();
   const signIn = useAuthStore.use.signIn();
 
+  React.useEffect(() => {
+    SplashScreen.hideAsync();
+  }, []);
+
   const onSubmit: LoginFormProps['onSubmit'] = (data) => {
     console.log(data);
     signIn({ access: 'access-token', refresh: 'refresh-token' });

src/features/onboarding/onboarding-screen.tsx

@@ -1,4 +1,5 @@
 import { useRouter } from 'expo-router';
+import * as SplashScreen from 'expo-splash-screen';
 import * as React from 'react';
 
 import {
@@ -14,6 +15,11 @@ import { Cover } from './components/cover';
 export function OnboardingScreen() {
   const [_, setIsFirstTime] = useIsFirstTime();
   const router = useRouter();
+
+  React.useEffect(() => {
+    SplashScreen.hideAsync();
+  }, []);
+
   return (
     <View className="flex h-full items-center justify-center">
       <FocusAwareStatusBar />

src/lib/storage.tsx

@@ -3,8 +3,16 @@ import { createMMKV } from 'react-native-mmkv';
 export const storage = createMMKV();
 
 export function getItem<T>(key: string): T | null {
-  const value = storage.getString(key);
-  return value ? JSON.parse(value) || null : null;
+  try {
+    const value = storage.getString(key);
+    if (!value)
+      return null;
+    return JSON.parse(value) ?? null;
+  }
+  catch (e) {
+    console.error(`Failed to get item "${key}":`, e);
+    return null;
+  }
 }
 
 export async function setItem<T>(key: string, value: T) {