React + Webpack Message Avatar and Name are not getting displayed

1

I am trying to load an image avatar attached to a Message component using Webpack, like this:

import Avatar from '@assets/imgs/avatar.png'

            <Message
              type="received"
              name="some name"
              avatar={Avatar}>
              Some message content in here
            </Message>

As you can see, I first import the Avatar using Webpack and module for loading images.
Then I put this in the Message component’s props.
But the image is not getting displayed.
The name is also not getting displayed.

Note:
The image is getting imported properly - as I can render it using any tag without anyproblems.

2

Would be good to see more complete example, or better live example with the issue. I can see it works