1---
2title: Propagate Prop for Nested AnimatePresence
3impact: HIGH
4tags: nested, propagate, exit
5---
6 
7## Propagate Prop for Nested AnimatePresence
8 
9Nested AnimatePresence must use propagate prop for coordinated exits.
10 
11**Incorrect (children vanish instantly):**
12 
13```tsx
14<AnimatePresence>
15  {isOpen && (
16    <motion.div exit={{ opacity: 0 }}>
17      <AnimatePresence>
18        {items.map(item => (
19          <motion.div key={item.id} exit={{ scale: 0 }} />
20        ))}
21      </AnimatePresence>
22    </motion.div>
23  )}
24</AnimatePresence>
25```
26 
27**Correct (propagate on both):**
28 
29```tsx
30<AnimatePresence propagate>
31  {isOpen && (
32    <motion.div exit={{ opacity: 0 }}>
33      <AnimatePresence propagate>
34        {items.map(item => (
35          <motion.div key={item.id} exit={{ scale: 0 }} />
36        ))}
37      </AnimatePresence>
38    </motion.div>
39  )}
40</AnimatePresence>
41```
42