Carousel Flicker

Hi, I've created an carousel using an Tabview component and it is divided in pages, each page has 7 items. Now we wan't to load the carousel page by page, but whenever I updated the list which Tabview uses to render, it flickers because it rerenders previous elements.

I've tried to use a scroll view for this but this app is for Vision Pro and I added some 3D transformations (position/rotation) to the cards from the tabview and when I added this in the scrollview they becom unclickable.

Do you have any sugestions what can I do?

Bellow is a sample of the code, I put [items] just to suggest there is a list.

VStack (spacing: 45) {
            TabView(selection: $navigationModel.carouselSelectedPage) {
                let orderedArtist = [items]
                let numberOfPages = Int((Double(orderedArtist.count) / Double(cardsPerPage)).rounded(.up))
                
                if(numberOfPages != 1){
                    Spacer().tag(-1)
                }
                
                ForEach(0..<numberOfPages, id: \.self) { page in
                    LazyHStack(alignment: .top, spacing: 16){
                        ForEach(0..<cardsPerPage, id: \.self) { index in
                            if(page * cardsPerPage + index < orderedArtist.count){
                                let item = orderedArtist[page * cardsPerPage + index]
                                GeometryReader{proxy in