How to use it with Framer-Motion?

[gabrielmlinassi]

I want to animate open/closed states. The open animation works fine but the exit does not because the container unmounts before the animation happens. Any idea?

<AnimatePresence>
  {isOpen && (
    <motion.div
      initial={{ y: '100vh' }}
      animate={{ y: 0, transition: { delay: 0.5 } }}
      exit={{ y: '100vh', transition: { delay: 0.5 } }}
      transition={{ duration: 0.5 }}
    >
      <CalendarContainer className={className}>
        {children}
      </CalendarContainer>
    </motion.div>
  )}
</AnimatePresence>

[MuhammadYousufHere]

You could use layout animation provided by framer motion