How to hide with animation? React + SCSS

Question

I think is just something very simple, but I can\'t think of anything;

import React, { useState } from "react"
import "./header.scss"

exp