Javascript design pattern for rendering a component in function of its data type

Question

I have implemented a chat bubble wich can render Images, GIFs, audios and text.

Currently, what I am doing is the following:

const Bubble = memo(
  (props)