Smooth transition react

I am making a project in ReactJS for practice.

I want to display content in react using the following technique:
{checkBoolean && content}

I am able to use this to toggle whether content is rendered but I can’t understand how I can allow transitions while using this logic. If you think I should change my logic for smooth transitions to be possible, please guide me to what technique I should use. Thanks! :slight_smile:

PS: I would generally prefer if I could use SCSS-based transitions or keyframes but I’m open to other ideas