React + Webpack Message Avatar and Name are not getting displayed

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

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

              name="some name"
              Some message content in here

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.

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

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