How to add animation for modal window in react?

Question

React

Hello, tell me how to add the animation of the appearance and decay of both the modal window and the overlay in react when using createPortal?
I will be grateful for help

const Modal: React.FC<IModal> = ({ open, onClose, children, title }) => {
  if (!open) return null
  return ReactDOM.createPortal(
    <ModalOverlay>
      <StyledModal>
        <div onClick={onClose}>X</div>
        {children}
      </StyledModal>
    </ModalOverlay>,
    document.getElementById('modal-root')
  )
}

Answer 1

If you don't want to bother, try using some library like
React-animations . Here is the usage in Russian