Accepted answer


Chakra UI's Image component takes a url and not the Image data that you are passing. Refer to the question below for your case.

How to display binary data as image in React?

Old answer

I always get printed the icon of image, and I don't want that

Its because your condition

{image ? <Image src={image}/> : null }

is always true. image is a list and not a boolean.

You should use

{!!image.length ? <Image src={image}/> : null }

Related Query

More Query from same tag