Im having the same issue, te animations seem fine, but after change windows dor a while, its overlaps and get ugly. Mode="popLayout" doesnt works for me :( Any idea )?

<AnimatePresence mode="popLayout" initial={false}>
        <motion.div
          key={index}
          initial={{ y: cycle === 1 ? 80 : -80, opacity: 0 }}
          animate={{ y: 0, opacity: 1 }}
          exit={{ y: cycle === 1 ? -80 : 80, opacity: 0 }}
          transition={{
            type: "spring",
            stiffness: 150,
            duration: 0.6,
          }}
          style={{ position: "absolute", width: "800px" }}
        >
          <Text variant="h1" color="primary.orange">
            {words[index]}
          </Text>
        </motion.div>
      </AnimatePresence>