React animation when removing an element
<p>I am quite new to React. I am trying to learn by implementing a full CRUD. However, I am unable to get animation working well for removing a course from the list.</p>

<p>I have configured animation on <code>transitionAppear</code> and on <code>transitionLeave</code>.
The <code>transitionAppear</code> works alright. I can't get the <code>transitionLeave</code></p>

<p>This is my component:
<a href="https://github.com/leonardoanalista/react-crud/blob/master/src/components/course/CourseListRow.js" rel="noreferrer">https://github.com/leonardoanalista/react-crud/blob/master/src/components/course/CourseListRow.js</a></p>

<p>This is the CSS for the animation:
<a href="https://github.com/leonardoanalista/react-crud/blob/master/src/style.css#L66" rel="noreferrer">https://github.com/leonardoanalista/react-crud/blob/master/src/style.css#L66</a></p>

<p>Please let me know if there is a better approach.</p>

<p>Any help would be highly appreciated!</p>

<p>cheers
Leonardo</p>