Exit animation only working on equal components

[gianlucajahn]

I've got an AnimatePresence component wrapped around the ternary that decides which component is supposed to be rendered based on my application's state. The 'initial' and 'animate' animation states work properly but exit does not get triggered at all. However, if for example the "Fetching failed" window is currently displayed and the user initiates another unsuccessful fetch, the same component is rendered again and the exit animation does indeed take place. Why is that?

Here's a screenshot of my code because it's rather unreadable without highlighting imo. Screenshot Link

Can someone tell me why it does not work properly?