Exit Mirrors Initial for Symmetry
Exit animation should mirror initial for symmetry.
Incorrect (asymmetric exit):
<motion.div
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
exit={{ scale: 0 }}
/>Correct (symmetric exit):
<motion.div
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
exit={{ opacity: 0, y: 20 }}
/>