Fix infinite loop for iOS

`dataLocal` as a dependency was causing an infinite loop for iOS repeatedly clearing the data every 500ms.

The rendering hacks need only trigger once on mount.

Delay also reduced to be less perceptible.

Author: Jon-edge

CHANGELOG.md

@@ -5,6 +5,7 @@
 - added: Add PIVX.
 - added: Monero multi output support.
 - added: Moonpay Sell support for ACH.
+- fixed: iOS not immediately showing `EdgeCarousel` cards if only one card is present
 
 ## 4.26.0 (2025-04-14)
 

src/components/common/EdgeCarousel.tsx

@@ -50,7 +50,7 @@ export function EdgeCarousel<T>(props: Props<T>): JSX.Element {
         setDataLocal([])
         setTimeout(() => {
           setDataLocal(tempData)
-        }, 500)
+        }, 50)
       }
       // The built-in hack fn works for all other cases
       else if (carouselRef.current != null) {
@@ -59,7 +59,7 @@ export function EdgeCarousel<T>(props: Props<T>): JSX.Element {
         })
       }
     },
-    [dataLocal], // Depend on dataLocal instead of data to avoid infinite loops
+    [data],
     'triggerRenderingHack'
   )