SwiftUI list not showing all items

Question

I am trying to show a list of side-scrolling list in iOS. Some of the lists show but others don't, even though they all have data. I put a debug point and see that the ForEach with EventItemView is called for every section. I am unsure of what I am doing wrong.

EventScreen

struct EventScreen: View {

    @State
    var currentPage: Int = 0

    var viewControllers =
        IncentiveSource().getFeaturedIncentives().map({ incentive in
            UIHostingController(rootView: EventFeatureView(event: incentive.toEvent()))
        })

    var response: [EventSection] = IncentiveSource().getIncentives().sections.toEventSections()


    var body: some View {
            NavigationView {
                List {
                    EventViewController(controllers: self.viewControllers, currentPage: self.$currentPage)
                        .listRowInsets(EdgeInsets())
                        .frame(height: 600)
                    ForEach(self.response) { section in
                        EventSectionView(eventSection: section)
                    }
                }
                .navigationBarTitle(Text("Events").foregroundColor(Color.black), displayMode: .inline)
            }


    }
}

EventSectionView

struct EventSectionView: View {

    var eventSection: EventSection

    var body: some View {
        VStack(alignment: .leading) {
            SectionTextView(text: eventSection.category.typeName())
                .frame(alignment: .leading)
            ScrollView(.horizontal, showsIndicators: true) {
                HStack(alignment: .top, spacing: 0) {
                    ForEach(self.eventSection.events) { event in
                        EventItemView(event: event)
                    }
                }
            }
        }
    }
}

struct SectionTextView: View {
    var text: String
    var body: some View {
        return Text(text)
        .bold()
            .font(.system(size: 18, weight: .heavy))
            .foregroundColor(Color(ColorTheme.brandBlue.value))
            .padding(.bottom, 4)
    }
}

EventItemView

struct EventItemView: View {
    var event: Event
    var body: some View {
        VStack {
            Color.red
                .frame(width: 100, height: 100, alignment: .center)
                .cornerRadius(5)
            Text(event.title)
            .bold()
                .frame(width: 100, alignment: .leading)
                .foregroundColor(.white)
                .font(.system(size: 10))
            Text(event.date)
                .frame(width: 100, alignment: .leading)
                .foregroundColor(.white)
                .font(.system(size: 10))
        }
        .padding(.trailing, 8)
    }
}

Answer 1

It needs to make each horizontal scroller in EventSectionView unique like below

struct EventSectionView: View {

    var eventSection: EventSection

    var body: some View {
        VStack(alignment: .leading) {
            SectionTextView(text: eventSection.category.typeName())
                .frame(alignment: .leading)
            ScrollView(.horizontal, showsIndicators: true) {
                HStack(alignment: .top, spacing: 0) {
                    ForEach(self.eventSection.events) { event in
                        EventItemView(event: event)
                    }
                }
            }.id(UUID().uuidString() // << unique
        }
    }
}