Hi everyone,
I’m hoping someone has run into this or can point me in the right direction.
I have a native mobile app with a vertical list that displays guests (500+ records). When I scroll fast up and down inside that list, the app throws a red error overlay and crashes with:
Unhandled JS Exception: Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
It looks like an infinite re-render loop. The stack trace points to the list rendering (FlashList) and the swipe/gesture components — key frames include FlashList, ListElement, VerticalListElement, SwipeableElementWrapper, GestureDetector, ViewHolderInternal, and ViewHolderCollection.
Environment:
-
Native mobile app, tested in Bubble Go v1.18.3
-
Happens on iPhone XS and iPhone 14 Pro (iOS)
-
Does not happen on Android (same build, same steps)
I’ve attached screenshots of the on-device error and the full stack trace.
My questions:
-
Has anyone else seen this crash with long native lists on iOS?
-
Is this a known issue with the list element / swipe actions, or something on my side (e.g. list item keys, nested scrolling containers, a workflow running while the list is visible)?
-
Any recommended setup for long lists (500+ items) to avoid the loop?
-
Are there workarounds in the meantime?
Thanks in advance for any help! 
