As it stands, there seems to be a limit with WebGl/React Native reanimated which limits the number of animated icons which can be viewed on web (there is no such limit on mobile). When this is overstepped, an error is rendered in the console and all icons disappear (but the page doesn't crash).
As a stopgap - I've implemented pagination and limited the number of viewed icons to 15 as defined in components/gb-live/bottom-sheet-tabs/unit-groups-list/unit-groups-list.tsx.
It would be nice especially for mobile clients to have a similar infinite scroll experience.
As it stands, there seems to be a limit with WebGl/React Native reanimated which limits the number of animated icons which can be viewed on web (there is no such limit on mobile). When this is overstepped, an error is rendered in the console and all icons disappear (but the page doesn't crash).
As a stopgap - I've implemented pagination and limited the number of viewed icons to 15 as defined in
components/gb-live/bottom-sheet-tabs/unit-groups-list/unit-groups-list.tsx
.It would be nice especially for mobile clients to have a similar infinite scroll experience.