Cannot compile SwiftUI ForEach Table - foreach

Question

I'm trying to make a table view from dynamic array, but compiler cannot build it with unrelated error:
The compiler is unable to type-check this expression in reasonable time; try breaking up the expression into distinct sub-expressions
struct RecentView: View {
#State var recentRooms: [[String: String]] = []
#Binding var recentIsPressed: Bool
#Binding var nextIsPressed: Bool
#Binding var conferenceName: String
let screenWidth = UIScreen.main.bounds.size.width
var body: some View {
if let recent = UserDefaults.standard.array(forKey: "recentRooms") as? [[String: String]] {
recentRooms = recent
}
return VStack {
...
VStack(alignment: .leading) {
ForEach(0 ..< recentRooms.count) { i in
Button(action: { self.meetingSelected(name: self.recentRooms[i]["name"] ?? "") }) {
HStack {
ZStack {
Circle()
.foregroundColor(Color("ProjectBlue"))
.frame(width: 76, height: 76)
Text(self.recentRooms[i]["short_name"] ?? "")
.font(.custom("Roboto-Bold", size: 36))
.foregroundColor(Color("AlmostWhite"))
}
VStack(alignment: .leading) {
Text(self.recentRooms[i]["name"] ?? "")
.font(.custom("OpenSans-Bold", size: 17))
.foregroundColor(Color("AlmostWhite"))
Text(self.recentRooms[i]["date"] ?? "")
.font(.custom("OpenSans-Regular", size: 17))
.foregroundColor(Color("AlmostWhite"))
Text(self.recentRooms[i]["duration"] ?? "")
.font(.custom("OpenSans-Regular", size: 17))
.foregroundColor(Color("AlmostWhite"))
}
}
}
.frame(width: self.screenWidth, alignment: .leading)
.padding(.leading, 20)
}
}
}
}
private func meetingSelected(name: String) {
conferenceName = name
nextIsPressed = true
recentIsPressed = false
}
}
Any suggestions on what is wrong with the ForEach part?

Answer 1

This variant of ForEach shouldn't be used with a dynamic content.
ForEach(0 ..< recentRooms.count)
If the recentRooms variable can be changed, use this instead:
ForEach(recentRooms, id: \.self)