LazyGrid LazyStack performance issue

I use lazyVStack lazyGrid and ScrollView to build a Symbol Picker. But you know, there are more than 1300 symbols in Symbol Library. So I use LazyVStack and LazyVGrid.

Here is my code:
Code Block swift
ScrollView {
LazyVStack {
VStack(alignment: .leading) {
CategoryNameIndicator()
LazyVGrid(columns: columns) {
ForEach(symbolGroup.symbolsName, id: \.self) { symbol in
SymbolPickerCell(symbol: symbol,
canBeSelected: true,
selectedSymbol: $symbolLibrary.selectedSymbol)
  .padding(15)
.padding(.bottom, 5)
}
}
.compositingGroup() // -> I don't know if this will improve the performance. But I used.
}
}
}


My problem is: When I scroll very fast. CPU usage will goes to 100% and the performance is reeeally bad. Scrolling Animation is caton. Do you have any suggestions?
What’s your memory graph like? I’m also finding high cpu and memory use. It’s somewhat random, maybe 1 in 8 runs. Switching out the lazy stack didn’t fix it. Have looked at the grid in that app yet. So perhaps the issue is elsewhere?
Check out my screen recording. It's not random.

Please remove all the space below.
https:// www .notion.so/ ca0cdd1ec01241d68373f423685bf680#28b235db8d9840098b4311c505a6a6de
Same boat here! Any updates on this issue?
LazyGrid LazyStack performance issue
 
 
Q