Food Truck Sample animation issue from Table Component

Hi! I'm seeing some weird animation issues building the Food Truck sample application.^1 I'm running from macOS 15.4 and Xcode 16.3. I'm building the Food Truck application for macOS. I'm not focusing on iOS for now.

The FoodTruckModel adds new Order values with an animation:

//  FoodTruckModel.swift

withAnimation(.spring(response: 0.4, dampingFraction: 1)) {
  self.orders.append(orderGenerator.generateOrder(number: orders.count + 1, date: .now, generator: &generator))
}

This then animates the OrdersTable when new Order values are added.

Here is a small change to OrdersTable:

//  OrdersTable.swift

-   @State private var sortOrder = [KeyPathComparator(\Order.status, order: .reverse)]
+   @State private var sortOrder = [KeyPathComparator(\Order.creationDate, order: .reverse)]

Running the app now inserts new Order values at the top.

The problem is I seem to be seeing some weird animation issues here. It seems that as soon as the new Order comes in there is some kind of weird glitch where it appears as if part the animation is coming from the side instead of down from the top:

What's then more weird is that if I seem to affect the state of the Table in any way then the next Order comes in with perfect animation.

• Scrolling the Table fixes the animation.
• Changing the creationData sort order from reverse to forward and back to reverse fixes the animation.

Any ideas? Is there something about how the Food Truck product is built that would cause this to happen? Is this an underlying issue in the SwiftUI infra?