Hey, I'm having trouble wrapping my head around how to update the UI optimistcally when needing multiple CRUD ops like delete, create etc

I got it working great with just the create but can anyone point me in the right direction of handling a more than one update optimistically .

Here is the component in question. It receives exercise sets as a prop and then renders each set in a another ExerciseSetRow client component that takes a call back to delete with the set id as param.
The parent component to this is a server component. I'm finding this a bit tedious but I'm sure I'm just doing something a bit silly.