Fade Out Element - Simply pass a ref into the div. Then onClick, you can utilize this function to fade out the element as it is removed from the DOM.

fadeOutRef.ts

/**
* Fade out elements as they're deleted
* @param el - the element to focus
* @param speed - the speed of the focus
* @example
 const ref = useRef<HTMLDivElement>(null);
 ...
 fadeOut(ref.current, 500)
*/
const fadeOut = (el: HTMLDivElement, speed: number) => {
  el.style.transition = `opacity	${speed / 1000}s ease`;
  el.style.opacity = '0';
  setTimeout(() => el.parentNode.removeChild(el), speed);
}