How can I get the same result as AnimatePresence?

[emrecoban]

I am trying to achieve the same functionality as the AnimatePresence component on your documentation page, but I am not getting the same result. Could you please guide me on how to achieve the exact same functionality?

Your example

const [selectedId, setSelectedId] = useState(null)
 
{items.map(item => (
  <motion.div layoutId={item.id} onClick={() => setSelectedId(item.id)}>
    <motion.h5>{item.subtitle}</motion.h5>
    <motion.h2>{item.title}</motion.h2>
  </motion.div>
))}

<AnimatePresence>
  {selectedId && (
    <motion.div layoutId={selectedId}>
      <motion.h5>{item.subtitle}</motion.h5>
      <motion.h2>{item.title}</motion.h2>
      <motion.button onClick={() => setSelectedId(null)} />
    </motion.div>
  )}
</AnimatePresence>

[emrecoban]

I forgot layoutId prop, sorry. It is resolved.