How can I have leave animation for conditionally rendered paragraph

This paragraph is in array of objects

const [questions, setQuestion] = useState([
    {
      name: "Some name",
      answer: `paragraph text`,
      isActive: false,
    },  {
      name: "Some other name",
      answer: `other paragraph text`,
      isActive: false,
    },]

so whenever I click a button it should switch isActive to true or false, animation works fine for entering, but for leaving it doesnt work

      {question.isActive && (
                <p
                  className={`${styles.answer}  ${
                    question.isActive ? styles.expand : styles.leave
                  }`}
                >
                  {question.answer}
                  <br />
                  <br />
                  <b className={styles.b}>{note}</b>
                </p>
              )}

here is my current code for paragraph