Primarily refines dependency arrays in React hooks to prevent unnecessary re-renders and refetch loops ➿

app/(tabs)/receive.tsx

@@ -125,7 +125,7 @@ function ReceiveScreenContent({ walletContext }: { walletContext: ReturnType<typ
         });
     }
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [currentWallet?.xpub, currentWallet?.addresses?.length]);
+  }, [currentWallet?.xpub, currentWallet?.addresses?.length]); // walletService and stable setters/callbacks are intentionally omitted to avoid unnecessary refetch loops
 
   // Spin animation for the refresh icon
   useEffect(() => {
@@ -550,4 +550,4 @@ const styles = StyleSheet.create({
     textAlign: 'center',
     letterSpacing: 0.2,
   },
-});
+});

app/wallet-setup.tsx

@@ -57,7 +57,7 @@
   };
 
   // Verify all required functions are available
-  const requiredFunctions: (keyof WalletService)[] = ['generateMnemonic', 'validateMnemonic', 'createWallet', 'importWallet'];
+  const requiredFunctions: Array<keyof WalletService> = ['generateMnemonic', 'validateMnemonic', 'createWallet', 'importWallet'];
   const missingFunctions = requiredFunctions.filter(func => typeof walletService[func] !== 'function');
 
   if (missingFunctions.length > 0) {
@@ -1428,4 +1428,4 @@
     fontSize: 13,
     lineHeight: 18,
   },
-});
+});

components/AnimatedNumber.tsx

@@ -36,7 +36,8 @@
 
   useEffect(() => {
     animatedValue.value = withTiming(value, { duration });
-  }, [value, duration, animatedValue]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [value, duration]); // animatedValue is a stable shared value ref and should not be in deps
 
   // Scale animation on value change for emphasis
   const scale = useSharedValue(1);
@@ -45,7 +46,8 @@
     scale.value = withSpring(1.02, { damping: 8, stiffness: 300 }, () => {
       scale.value = withSpring(1, { damping: 15, stiffness: 400 });
     });
-  }, [value, scale]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [value]); // scale is a stable shared value ref and should not be in deps
 
   const animatedStyle = useAnimatedStyle(() => ({
     transform: [{ scale: scale.value }],
@@ -57,7 +59,6 @@
     const text = `${prefix}${format(animatedValue.value)}${suffix}`;
     return {
       text,
-      defaultValue: text,
     };
   });
 
@@ -67,7 +68,7 @@
         editable={false}
         underlineColorAndroid="transparent"
         style={[{ padding: 0, margin: 0 }, style]}
         animatedProps={animatedProps}
       />
     </Animated.View>
   );